@media (min-width: 600px) {
    .css-115s37g {
        min-height: 64px;
    }
}

@media (min-width: 0px) {
    @media (orientation: landscape) {
        .css-115s37g {
            min-height: 48px;
        }
    }
}

/* body, html {
	padding: 0;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
} */
body, html {
    background-image: url(/build/web/igame-index-lobby-wm/img/bgx.png);
    background-attachment: scroll, local;
}

body, html {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.css-1hfpf9 {
    width: 370px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #000000;
    border-radius: 30px;
    margin-top: 60px;
}

.css-2dffbj {
    margin: 10px 0px 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(0, 170, 48);
    font-family: kanit;
    line-height: 50px;
    font-size: 28px;
}

.css-yfmsqm {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 600px) {
    body, html {
        /* background-image: url("/build/web/igame-index-lobby-wm/img/bg.png") !important; */
        background-attachment: scroll, local;
    }
}

@media (min-width: 600px) {
    .css-115s37g {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 600px) {
    .css-10ur324 {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-126xj0f {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}



.css-919eu4 {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}


.css-c4r07k {
    height: 100%;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.css-hboir5 {
    display: flex;
    width: 100%;
}

.css-1tx6u52 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    width: 100%;
    height: 100px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 8px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(45, 46, 74);
}

.css-ofau66 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 26px;
    font-family: ks;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-tfvdse {
    margin-top: 20px;
    margin-bottom: 50px;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;

}

css-1280ve3 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5.31092px 5.31092px;
    width: 85%;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 8px 22px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(181.65deg, rgb(28, 109, 19) -98.03%, rgb(76, 166, 67) 98.6%);
    border-radius: 30px;
}

.css-1280ve3 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5.31092px 5.31092px;
    width: 85%;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 8px 22px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(181.65deg, rgb(28, 109, 19) -98.03%, rgb(76, 166, 67) 98.6%);
    border-radius: 30px;
}

.css-p47uff {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    font-family: ksbold;
    font-size: 24px;
    letter-spacing: 0.03em;
}

.css-z0mm8 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    width: 100%;
    height: 100px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 8px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(40, 40, 66);
}

.css-11ze7cv {
    width: 50%;
}

.css-ofau66 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 26px;
    font-family: ks;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-bb6zj {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
}

.carousel-root {
    outline: none;
}

.css-qw6uke {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 18px;
    font-family: Kanit;
}

.carousel.carousel-slider {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.carousel.carousel-slider .control-arrow {
    top: 0;
    color: #fff;
    font-size: 26px;
    bottom: 0;
    margin-top: 0;
    padding: 5px;
}

.carousel .control-prev.control-arrow {
    left: 0;
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: inherit;
    display: none;
}

.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
    transition: all .25s ease-in;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 2;
    top: 20px;
    background: none;
    border: 0;
    font-size: 32px;
    cursor: pointer;
}

.carousel .control-arrow {
    outline: 0;
    border: 0;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size: 18px;
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height .15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display: flex;
}

.carousel .slide {
    min-width: 100%;
    margin: 0;
    position: relative;
    text-align: center;
}

.carousel .slider.animated {
    transition: all .35s ease-in-out;
}

.carousel .slider {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    width: 100%;
}

.carousel.carousel-slider .control-arrow {
    top: 0;
    color: #fff;
    font-size: 26px;
    bottom: 0;
    margin-top: 0;
    padding: 5px;
}

.carousel * {
    box-sizing: border-box;
}

.css-r7q7qr {
    margin-bottom: 5px;
}

.css-11ze7cv {
    width: 50%;
}

.css-gds6h3>div {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 10px;
}

.css-gds6h3>div>p {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
}

.css-gds6h3>div>p {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
}

.css-gds6h3 {
    position: fixed;
    bottom: 30px;
    left: 0px;
    right: 0px;
    z-index: 9999;
    display: flex;
    justify-content: left;
    -webkit-box-align: center;
    align-items: center;
    height: 80px;
    margin: 1%;
    background-color: rgb(255, 182, 0);
    background-image: url(https://d12lxcfs2l5om8.cloudfront.net/bbtenyu/webimages/pwa_logo/bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 110px 110px;
    box-shadow: black 0px 0px 5px 0px;
    border: 1px solid black;
    border-radius: 5px;
}

.css-gc172t {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 18px;
    color: rgb(56, 133, 130);
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.css-ks3red {
    position: fixed;
    z-index: 1300;
    inset: 0px;
    cursor: default;
}



.css-919eu4 {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}

.css-ekeie0 {
    height: 100%;
    outline: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}


.css-uhb5lp {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 600px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    margin: 32px;
}

.css-ohyacs {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    padding: 16px 24px;
    flex: 0 0 auto;
}

.css-1rsvwou {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: Kanit;
    font-weight: 700;
    font-size: 22px;
}

.css-1sucic7 {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

.css-esi9ax {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}

.css-177ic5c {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 16px;
    min-height: 16px;
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    outline: 0px;
}

.css-r8u8y9 {
    list-style: none;
    margin: 0px;
    padding: 8px 0px;
    position: relative;
    outline: 0px;
}

@media (min-width: 600px) {
    .css-1sno93h {
        min-height: auto;
    }
}

<style>.css-1sno93h {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(19, 143, 45) 0%, rgb(17, 17, 17) 100%);
}

.css-k008qs {
    display: flex;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-ogoe61 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 20px;
    color: white;
}


.css-atderz {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(78, 46, 127) 0%, rgb(17, 17, 17) 100%);
}

.MuiDialogTitle-root+.css-69br6q {
    padding-top: 0px;
}

.css-69br6q {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0px;
}

.css-14b29qc {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.css-1ujsas3 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 8px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}



.css-l3ihcd {
    display: inline-flex;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    border-radius: 30px;
}

.css-l3ihcd .MuiButtonGroup-grouped:not(:last-of-type) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-color: transparent;
}

.css-l3ihcd .MuiButtonGroup-grouped {
    min-width: 40px;
}

.css-l3ihcd .MuiButtonGroup-grouped:not(:first-of-type) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -1px;
}

.css-l3ihcd .MuiButtonGroup-grouped {
    min-width: 40px;
}

.css-10bkud5 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 5px 15px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 136px;
    height: 46px;
    border-radius: 0px 30px 30px 0px;
    background: linear-gradient(rgb(173, 2, 43) 0%, rgb(234, 19, 61) 100%);
    border: none;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.css-kxk28c {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 5px 15px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 136px;
    height: 46px;
    border-radius: 30px 0px 0px 30px;
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border: none;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.css-l3ihcd .MuiButtonGroup-grouped:not(:first-of-type) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -1px;
}

.css-l3ihcd .MuiButtonGroup-grouped {
    min-width: 40px;
}

.css-vlenph {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 5px 15px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 136px;
    height: 46px;
    border-radius: 0px 30px 30px 0px;
    background: rgb(37, 39, 64);
    border: none;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.css-old1by {
    padding: 0px;
}

.css-xi606m {
    text-align: center;
}

.css-hu468x {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    white-space: nowrap;
}

.css-xi606m {
    text-align: center;
}

@media (min-width: 600px) {
    .css-j7e4n7 {
        min-height: 64px;
    }
}

@media (min-width: 0px) {
    @media (orientation: landscape) {
        .css-j7e4n7 {
            min-height: 48px;
        }
    }
}

@media (min-width: 600px) {
    .css-j7e4n7 {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-j7e4n7 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
    margin-bottom: 25px;
}

.css-hu468x {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    white-space: nowrap;
}

.css-nur4ax {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 22px;
    font-weight: 400;
    white-space: nowrap;
}

.css-old1by {
    padding: 0px;
}

.css-xi606m {
    text-align: center;
}

.css-old1by {
    padding: 0px;
}

.css-xi606m {
    text-align: center;
}

.css-hu468x {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    white-space: nowrap;
}

.css-nur4ax {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 22px;
    font-weight: 400;
    white-space: nowrap;
}

.css-ptq0yi {
    width: 270px;
    height: 250px;
    text-align: center;
    background: rgb(255, 170, 0);
    border-radius: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
    margin: 15px;
    padding: 0px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-se2rbz {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(36, 35, 40);
    font-family: ksmed;
    font-size: 20px;
    white-space: nowrap;
}

.css-14g2wlq {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(36, 35, 40);
    font-family: KanitSemiBold;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
}

.css-eyqf97 {
    width: 270px;
    height: 250px;
    text-align: center;
    background: rgb(204, 204, 204);
    border-radius: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
    margin: 15px;
    padding: 0px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-nur4ax {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 22px;
    font-weight: 400;
    white-space: nowrap;
}

.css-18bbvfw {
    width: 270px;
    height: 250px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
    margin: 15px;
    padding: 0px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-10zh34x:hover {
    background: rgb(129, 213, 57);
}

.css-19ttywd:hover {
    background: rgb(63, 63, 95);
    transition: all 0.3s ease 0s;
}

.css-17os7fp {
    width: 100%;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.css-19ttywd {
    height: 250px;
    width: 210px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    margin: 15px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.css-1yls13q {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 14px;
}

.css-t7pqt5 {
    margin: 20px 0px 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(252, 186, 0);
    font-family: kanit;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
}

.css-10zh34x {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 30px;
    margin-bottom: 30px;
    background: rgb(71, 71, 71);
    height: 150px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3.24553px 3.24553px;
    cursor: pointer;
}

.css-1yncfsi {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);
}

.css-1vd84sn {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-gatbua {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 400;
    padding: 20px;
}

.css-1idkcu9 {
    background: rgb(37, 39, 64);
    border-radius: 30px;
    padding-bottom: 40px;
    margin: 40px 15%;
}

.css-1ln9osj {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.css-kmckuy {
    align-self: end;
    display: flex;
    flex-direction: column;
    padding: 10px 10px 20px;
}

.css-1nl99vy {
    position: relative;
    right: 20px;
    color: white;
}

.css-17nk34h {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 20px;
}

.css-17nk34x {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 14px;
}

.css-gozhb5 {
    position: relative;
    right: 2px;
    top: 4px;
    color: white;
}

.css-a9a81e {
    background: rgb(0, 196, 140);
    width: 50%;
    height: 50px;
    border-radius: 5px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
}

.css-d4bshj {
    position: relative;
    right: 10px;
    top: 2px;
    color: white;
}

.css-yqx1uy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 18px;
}

.css-yqx1ux {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 14px;
}

.css-nhvxfc {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 150px;
    height: 40px;
    border-radius: 5px;
    background: rgb(255, 0, 0);
    cursor: pointer;
    margin-bottom: 20px;
}

.css-3o8ygt {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 150px;
    height: 40px;
    border-radius: 5px;
    background: rgb(18, 164, 217);
    cursor: pointer;
    margin-bottom: 20px;
}

.css-1gtsqq7 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 120%;
    gap: 10px;
}

.css-10utm2h {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 12px;
    align-self: end;
    line-height: 0px;
}

.css-1fih6ln {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 36px;
    font-weight: 700;
}

.css-10ur324 {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

.css-vw5nql {
    margin: 20px 0px 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 50px;
    line-height: 0.9;
}


.css-17303pi {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 5px;
    font-size: 1.125rem;
}

.css-1gl14dv {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    width: 50px;
    height: 30px;
    cursor: pointer;
}

.css-8yzpf7 {
    display: inline-block;
    -webkit-animation: animation-61bdi0 1.4s linear infinite;
    animation: animation-61bdi0 1.4s linear infinite;
}

.css-13o7eu2 {
    display: block;
}

.css-1b2wo20 {
    margin: 0px 0px 0px 25px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(48, 42, 88);
    font-family: Kanitbold;
    line-height: 18px;
    font-size: 14px;
}

.css-16w2zn8 {
    margin: -2px 0px 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    line-height: 1;
}

.css-1pjtl5z {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 10px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: linear-gradient(rgb(234, 19, 61) 0%, rgb(173, 2, 43) 100%);
    border-radius: 17px;
    height: 24px;
}

.css-bbt4aw {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 17px;
    height: 24px;
}

.css-hsnrgc {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 0px;
    padding-top: 5px;
    cursor: pointer;
}

.css-12595yo {
    margin-bottom: 0px;
}

.css-r7q7qr {
    margin-bottom: 5px;
}

.css-13wijbl {
    width: 100%;
    padding-bottom: 50px;
}

.css-j7qwjs {
    display: flex;
    flex-direction: column;
}

.css-m3yxkf {
    width: 100%;
    margin-top: 20px;
    padding-left: 25px;
    display: flex;
}














.css-au4qhk {
    width: 100%;
    padding-top: 20px;
}

.css-dlcerf {
    margin: 6px 0px 4px;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    font-family: kanit;
    font-size: 10px;
    letter-spacing: 0.01rem;
}

.css-bdfdqm {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    gap: 0px;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 80px;
}

.css-1o0y2hp {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: white;
    border-radius: 30px;
    width: 150px;
    height: 45px;
}

.css-1fs2gpx {
    width: 210px;
    height: 70px;
    margin-top: 4px;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.75) 0px 3px 5px;
    border-radius: 45px;
}

.css-1si533m:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgba(0, 0, 0, 0.87);
}

.css-owqwd5 {
    margin-right: 20px;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.css-9v45ci {
    width: 100%;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.css-19kdhbs label {
    color: rgb(255, 255, 255);
    font-family: Kanit;
    font-size: 16px;
    line-height: 30px;
    opacity: 0.5;
}

.MuiAutocomplete-hasPopupIcon.css-9v45ci .MuiOutlinedInput-root, .MuiAutocomplete-hasClearIcon.css-9v45ci .MuiOutlinedInput-root {
    padding-right: 39px;
}

.MuiAutocomplete-hasPopupIcon.css-9v45ci .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-9v45ci .MuiAutocomplete-inputRoot {
    padding-right: 30px;
}

.css-9v45ci .MuiOutlinedInput-root {
    padding: 9px;
}

.css-9v45ci .MuiAutocomplete-inputRoot {
    flex-wrap: wrap;
}

.css-1si533m {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding-left: 14px;
    padding-right: 14px;
}

.css-1okqa6k {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    color: white;
}

.css-9v45ci .MuiOutlinedInput-root.MuiInputBase-sizeSmall .MuiAutocomplete-input {
    padding: 2.5px 4px 2.5px 6px;
}

.css-9v45ci .MuiOutlinedInput-root .MuiAutocomplete-input {
    padding: 7.5px 4px 7.5px 6px;
}

.css-9v45ci .MuiAutocomplete-inputRoot .MuiAutocomplete-input {
    width: 0px;
    min-width: 30px;
}

.css-19kdhbs .MuiOutlinedInput-root input {
    color: rgb(255, 255, 255);
    margin-left: 20px;
    z-index: 1;
}

.css-9v45ci .MuiAutocomplete-input {
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-overflow: ellipsis;
    opacity: 1;
}

.css-1y3zh1 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 8.5px 0px;
}

.css-9v45ci .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
    right: 9px;
}

.css-2iz2x6 {
    position: absolute;
    right: 0px;
    top: calc(50% - 14px);
}

.css-uge3vf {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px -2px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 2px;
}

.css-19kdhbs .MuiOutlinedInput-root fieldset {
    border: none;
    background-color: rgb(22, 22, 22);
    border-radius: 20px;
    opacity: 0.5;
    height: auto;
}


.css-1u6jyqf>.MuiGrid-item {
    padding-left: 8px;
}

.css-1u6jyqf>.MuiGrid-item {
    padding-top: 8px;
}

.css-qaqqqn {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 33.3333%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 33.3333%;
}

@media (min-width: 600px) {
    .css-qaqqqn {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }
}

@media (min-width: 900px) {
    .css-qaqqqn {
        flex-basis: 20%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 20%;
    }
}


@media (min-width: 1200px) {
    .css-qaqqqn {
        flex-basis: 14.2857%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 14.2857%;
    }
}

.css-5oh6yz {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 6px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 95%;
    height: 30px;
    background: rgb(36, 35, 40);
    border: 2px solid rgb(213, 180, 109);
    border-radius: 48px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px;
}

.css-hhdgnx {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: white;
    border-radius: 30px;
    width: 80px;
    height: 30px;
}

.css-1w7fvqs {
    width: 100%;
    margin-top: 20px;
    padding-left: 10px;
    display: flex;
}

.css-q9cbq3 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: KanitSemiBold;
    font-size: 10px;
    white-space: nowrap;
}

.css-j7qwjs {
    display: flex;
    flex-direction: column;
}

.css-1bw2arz {
    margin: 0px 0px 0px 5px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 10px;
    white-space: nowrap;
}

.css-1myz5gc {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0px;
}

.css-f6bsem {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 5px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 70px;
}

.css-nnhpf1 {
    padding-bottom: 115%;
    position: relative;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: black 1px 1px 5px;
}

.css-cqk145 {
    background: rgb(129, 213, 57);
    border-radius: 40px;
    width: 120px;
    height: 40px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: black;
    box-shadow: black 2px 2px 5px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.25s ease 0s;
}

.css-bjeqy7 {
    margin: 0px;
    letter-spacing: 0.00938em;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    font-family: Kanit;
}

.css-1u6jyqf {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin-top: -8px;
    width: calc(100% + 8px);
    margin-left: -8px;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 30px;
}

.css-1in441m {
    float: unset;
    overflow: hidden;
    display: block;
    width: auto;
    padding: 0px;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 100%;
    transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
    white-space: nowrap;
}

.css-9v45ci .MuiOutlinedInput-root.MuiInputBase-sizeSmall {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.css-19kdhbs {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
    height: 40px;
}

.css-8atqhb {
    width: 100%;
}

.css-126n10b {
    width: 40%;
}

.css-15ydtuu {
    margin-top: 15px;
    position: relative;
    right: 10px;
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
    padding-left: 10px;
}

.css-1fs2gpx {
    width: 210px;
    height: 70px;
    margin-top: 4px;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.75) 0px 3px 5px;
    border-radius: 45px;
}

.css-6xugel {
    display: inherit;
    margin-right: 8px;
    margin-left: -4px;
}

.css-12bx5xy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: KanitSemiBold;
    font-size: 18px;
    white-space: nowrap;
}

.css-luxecs {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 6px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 95%;
    height: 50px;
    background: rgb(36, 35, 40);
    border: 2px solid rgb(213, 180, 109);
    border-radius: 48px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px;
}

.css-wdswgq {
    margin: 0px 0px 0px 5px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 18px;
    white-space: nowrap;
}

.css-1gptgav {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 20px;
}


.css-18spxf1 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    padding: 2px;
    margin-right: 5px;
}

.css-1i6p67w {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 12px;
}

.css-1ckbdn {
    margin: 0px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 2px;
}


.css-1xul1co {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    position: fixed;
    z-index: 1100;
    inset: auto 0px 0px auto;
    color: rgb(255, 255, 255);
    background: transparent;
}

.css-1gx990s {
    /* background: linear-gradient(rgb(255, 94, 94) 20%, rgb(165, 39, 35) 100%, rgb(227, 50, 45) 100%); */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    top: -35px;
    left: 5px;
    box-shadow: black 1px 1px 2px 1px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
}

.css-1bnunrr {
    background: rgb(35, 35, 35);
    width: 100%;
    height: 65px;
    border-radius: 14px;
    display: flex;
    justify-content: space-around;
}


.css-d2eobw {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
    height: 100px;
}

.css-kpks52 {
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 40px;
    width: 70px;
    height: 25px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    position: absolute;
    transition: all 0.25s ease 0s;
    cursor: pointer;
    z-index: 100;
}

.css-967ez6 {
    margin: 0px;
    letter-spacing: 0.00938em;
    color: white;
    font-weight: 500;
    font-size: 10px;
    line-height: 27px;
    font-family: Kanit;
}

.css-1tat7d9 {
    width: 100px;
    height: 100px;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: all 0.25s ease 0s;
    margin: 5px;
    border-radius: 15px;
    box-shadow: black 1px 1px 5px;
    position: relative;
    overflow: hidden;
}

.css-154mysy {
    overflow: auto;
    white-space: nowrap;
    margin-top: 15px;
    margin-left: 10px;
    padding-right: 10px;
}

.css-1vtfrim {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 10px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 15px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: white;
    border-radius: 30px;
}

.css-11y9v2g {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    position: fixed;
    top: 0px;
    left: auto;
    right: 0px;
    color: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(11, 12, 131, 1) 29%, rgba(12, 35, 232, 1) 100%) !important;
    height: 55px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 8px;
    display: inline-flex;
    z-index: 1201;
}

.css-2s42x6 {
    width: 33%;
    height: 100px;
    background: rgb(209, 0, 0);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
    margin-right: 2px;
    margin-top: 0px;
}
.css-nfp9ly {
    width: 33%;
    height: 100px;
    background: white;
    border-radius: 16px;
    box-shadow: none;
    margin-right: 2px;
    margin-top: 0px;
}

.css-huonai {
    width: 100%;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 14px;
    height: 100%;
}

.css-qfdd9t {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.css-1evwcao {
    background: rgb(249, 0, 60);
    margin-top: 5px;
    width: 50px;
    height: 35px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 2px;
    cursor: pointer;
}

.css-9huz2 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 8px;
}

.css-gur5g7 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.css-gkiase {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 10px;
    white-space: nowrap;
}

.css-mypd7u {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 10px;
}

.css-1s8b3q1 {
    width: 20%;
    height: 75%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    position: relative;
    top: 25%;
    left: 5%;
}

.css-6ea5xg {
    background: linear-gradient(rgb(234, 19, 61) 0%, rgb(173, 2, 43) 100%);
    border-radius: 25px;
    width: 46%;
    height: 18px;
    font-family: Kanit;
    font-size: 10px;
    color: white;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-52y8uw {
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 25px;
    width: 46%;
    height: 18px;
    font-family: Kanit;
    font-size: 10px;
    color: white;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-11ggvod {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.css-1uu04x0 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-family: KanitSemiBold;
    font-size: 18px;
    color: white;
    line-height: 43px;
    margin-top: 0px;
}

.css-e1exce {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 12px;
}

.css-1vdtsuo {
    display: flex;
    flex-direction: column;
    text-align: right;
    padding-right: 14px;
}

.css-ygqgmp {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.css-1fi59mn {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
}

.css-1l4w6pd {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-14891ef {
    stroke: currentColor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    -webkit-animation: animation-1p2h4ri 1.4s ease-in-out infinite;
    animation: animation-1p2h4ri 1.4s ease-in-out infinite;
}

.css-12595yo {
    margin-bottom: 0px;
    height: auto;
}

.css-r7q7qr {
    margin-bottom: 5px;
    height: 160px;
}


css- .css-115s37g {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
    margin-bottom: 10px;
}

@media (min-width: 600px) {
    .css-i6s8oy {
        min-height: 64px;
    }
}

@media (min-width: 0px) {
    @media (orientation: landscape) {
        .css-i6s8oy {
            min-height: 48px;
        }
    }
}

@media (min-width: 600px) {
    .css-i6s8oy {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-156ekru {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.css-16a96b4 {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.css-1gl14dv {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    width: 50px;
    height: 30px;
    cursor: pointer;
}

.css-i29csa {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 16px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 5px;
    font-size: 1.125rem;
}



.css-bo07ty {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 20px;
}

.css-12mu22 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 15px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: white;
    border-radius: 30px;
}

.css-6xugel> :nth-of-type(1) {
    font-size: 20px;
}

.css-6xugel {
    display: inherit;
    margin-right: 8px;
    margin-left: -4px;
}

.css-1slmur6 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 20px;
    white-space: nowrap;
}

.css-l3ihcd .MuiButtonGroup-grouped:not(:last-of-type) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-color: transparent;
}

.css-l3ihcd .MuiButtonGroup-grouped {
    min-width: 40px;
}

@media (min-width: 1200px) {
    .css-7z3b4 {
        max-width: 1200px;
    }
}

@media (min-width: 600px) {
    .css-7z3b4 {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-1r2f04i {
    margin-bottom: 10px;
}

.css-xwuunc {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
}

.css-1w0fp6k {
    height: 40px;
    width: 210px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 0px;
    margin-top: 4px;
}

.css-1fzqpqw {
    height: 40px;
    width: 210px;
    text-align: center;
    margin: 5px;
    background: linear-gradient(90deg, rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-1vu7541 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ksmed;
    font-size: 20px;
    white-space: nowrap;
    padding: 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.css-6t4wih {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    height: 40px;
    width: 210px;
    text-align: center;
    background: linear-gradient(90deg, rgb(69, 57, 105) 0%, rgb(57, 43, 92) 100%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
}

.css-8atqhb {
    width: 100%;
}

.css-lag06o label {
    color: rgb(255, 255, 255);
    font-family: ks;
    font-size: 22px;
    line-height: 26px;
}

.css-1v4ccyo {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
}

.css-lag06o .MuiOutlinedInput-root input {
    outline: none;
    color: rgb(255, 255, 255);
}

.css-hldd0s {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 18px;
    line-height: 43px;
}

.css-1x5jdmq {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}

.css-lag06o .MuiOutlinedInput-root fieldset {
    border-color: rgb(47, 48, 79);
    border-radius: 10px;
    background: linear-gradient(rgb(47, 48, 79) 0%, rgba(47, 48, 79, 0) 100%);
}

.css-1in441m>span {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}

.css-jeibqb.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-jeibqb.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

.css-jeibqb {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 30px 0px 50px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 240px;
    height: 40px;
    background: linear-gradient(rgb(249, 186, 6) 0%, rgb(249, 145, 6) 100%);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    font-family: ks;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: white;
}

.css-1derkgl .MuiSlider-rail {
    background: rgba(255, 255, 255, 0.1);
}

.css-1derkgl .MuiSlider-track {
    background: rgb(252, 189, 17);
}

.css-1t2bqnt {
    display: block;
    position: absolute;
    border-radius: inherit;
    border: 1px solid currentcolor;
    background-color: currentcolor;
    transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    height: inherit;
    top: 50%;
    transform: translateY(-50%);
}

.css-1derkgl .MuiSlider-thumb {
    background: rgb(252, 189, 17);
}

.css-7drnjp {
    position: absolute;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 50%;
    outline: 0px;
    background-color: currentcolor;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    top: 50%;
    transform: translate(-50%, -50%);
}

.css-b04pc9 {
    display: block;
    position: absolute;
    border-radius: inherit;
    background-color: currentcolor;
    opacity: 0.38;
    width: 100%;
    height: inherit;
    top: 50%;
    transform: translateY(-50%);
}

.css-1derkgl {
    border-radius: 12px;
    box-sizing: content-box;
    display: inline-block;
    position: relative;
    cursor: pointer;
    touch-action: none;
    color: rgb(25, 118, 210);
    -webkit-tap-highlight-color: transparent;
    height: 4px;
    padding: 13px 0px;
    width: 80%;
    margin-top: 50px;
}

.css-1in441m {
    float: unset;
    overflow: hidden;
    display: block;
    width: auto;
    padding: 0px;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 100%;
    transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
    white-space: nowrap;
}

.css-igs3ac {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}

.css-lag06o {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    width: 85%;
    height: 40px;
}

.css-1dturyp {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 60px;
}

.css-jy5r26 {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(252, 189, 17);
    font-family: Kanit;
    font-size: 20px;
    line-height: 30px;
    padding-top: 50px;
}

.css-1nrhc3k {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 20px;
    margin-top: 5px;
}

.css-9gjvdr {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ksmed;
    font-size: 20px;
    padding: 0px 10px;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1i9awav {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    padding: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.css-1i9awav {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    padding: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.css-1uc8f8z {
    height: 40px;
    width: 210px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    margin-right: 0px;
}

.css-1ewciyh {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-989l4c {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 20px;
    line-height: 90%;
    white-space: nowrap;
}

.css-xwuunc {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
}

.css-1acbrzs {
    margin: 0px 0px 15px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 16px;
    white-space: nowrap;
}

.css-9zfuus {
    height: 250px;
    width: 210px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    margin: 15px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-aq0ghh {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.css-bwno58 {
    border-radius: 30px;
    background: rgb(37, 39, 64);
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 15px;
}

.css-7z3b4 {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 30px;
}

.css-8fvcow {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 5px 15px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 136px;
    height: 46px;
    border-radius: 30px 0px 0px 30px;
    background: rgb(37, 39, 64);
    border: none;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.css-zbunea {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: black;
    border-radius: 20px;
    width: 120px;
    height: 40px;
}

.css-1ousqo0 {
    margin: 0px;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
}

.css-1dzwj8z {
    overflow: auto;
    white-space: nowrap;
    margin-top: 15px;
    padding-left: 20px;
}

.css-14m96ey {
    background: rgb(129, 213, 57);
    border-radius: 40px;
    width: 150px;
    height: 50px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: black;
    box-shadow: black 2px 2px 5px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.25s ease 0s;
}

.css-nb57xa {
    width: 100%;
    padding-bottom: 150%;
    margin-right: 10px;
    position: relative;
    box-shadow: black 1px 1px 5px;
    border-radius: 20px;
}

.css-b1x869 {
    display: inline-block;
    width: 12.5%;
    padding-right: 10px;
}


.css-4hd7e7 {
    width: 100%;
    margin-top: 5px;
}



.css-1tgme2y {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 10px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: linear-gradient(rgb(234, 19, 61) 0%, rgb(173, 2, 43) 100%);
    border-radius: 17px;
    width: 97px;
    height: 34px;
}

.css-156ekru {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.css-156ekru {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.css-s8vbhp {
    margin-left: 20px;
}

.css-1dd7od3 {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    font-family: ks;
    font-size: 20px;
    line-height: 1;
}

.css-156ekru {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.css-4z09sj {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 15%;
    padding-top: 5px;
    cursor: pointer;
}

.css-7cpncs {
    margin: 0px 15px 0px 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: inline-flex;
}

.css-59czqk {
    margin: -2px 0px 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 20px;
    line-height: 1;
}


.css-1i8ehsn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 17px;
    width: 97px;
    height: 34px;
}

.css-1wecvnv {
    margin: 0px 0px 0px 25px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(48, 42, 88);
    font-family: Kanitbold !important;
    line-height: 28px;
    font-size: 16px;
}

.css-vxcmzt {
    display: inline-flex;
}

.css-1okqa6k {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    color: white;
}

.css-1xzsyzi {
    height: 10px;
}

.css-reqtdo {
    display: flex;
}

.css-18hsx6q {
    overflow: auto;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.css-xu1x1p {
    margin-left: 0px;
    width: 290px;
    height: 220px;
    background: #ffcb00;
    border-radius: 30px;
    box-shadow: none;
}

.css-fub1ud {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.css-1wx63vi {
    display: flex;
    flex-direction: column;
    text-align: right;
    padding-right: 20px;
}

.css-1k48bpp {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(0, 0, 0);
    font-family: Kanit;
    font-size: 19px;
}

@media (min-width: 1200px) {
    .css-1qsxih2 {
        max-width: 1200px;
    }
}

.css-pzkg3g {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    overflow: auto;
    height: 100%;
}

.css-9g2ayf {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 15px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 118, 210);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    height: 40px;
    width: 110px;
    padding: 10px;
    border-radius: 10px;
    font-family: kanit;
    font-size: 16px;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-pzkg3g {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    overflow: auto;
    height: 100%;
}

.css-rzri9o {
    margin: 0px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.00938em;
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    font-family: kanit;
}

.css-rzri9o {
    margin: 0px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.00938em;
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    font-family: kanit;
}

.css-e5kyuz {
    margin-top: 30px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
}

.css-1gwszu2 {
    width: 100%;
    height: 100px;
    background: rgb(63, 56, 112);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    border: 2px solid rgb(63, 56, 112);
}

.css-34rafo {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.css-1d3mjjb {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 15px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: rgb(63, 56, 112);
    width: 100%;
    border-radius: 30px;
}

.css-br1lvw>.MuiGrid-item {
    padding-left: 8px;
}

.css-br1lvw>.MuiGrid-item {
    padding-top: 8px;
}

.css-1g360fb {
    padding: 5px;
}

.css-13brihr {
    text-align: left;
}

.css-k41sl2 {
    width: 85%;
    height: 90px;
    text-align: center;
    background: rgb(204, 204, 204);
    border-radius: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
    margin: 15px;
    padding: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.css-13brihr {
    text-align: left;
}

.css-hko6q5 {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(36, 35, 40);
    font-family: KanitSemiBold;
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
}

.css-h8aqdy {
    width: 85%;
    height: 90px;
    text-align: center;
    background: rgb(255, 170, 0);
    border-radius: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
    margin: 15px;
    padding: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.css-nur4ax {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 22px;
    font-weight: 400;
    white-space: nowrap;
}

.css-im09bx {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 16px;
    white-space: nowrap;
}

.css-13brihr {
    text-align: left;
}

.css-1g360fb {
    padding: 5px;
}

.css-se2rbz {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(36, 35, 40);
    font-family: ksmed;
    font-size: 20px;
    white-space: nowrap;
}

.css-1g360fb {
    padding: 5px;
}

.css-im09bx {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 16px;
    white-space: nowrap;
}

.css-155ff3i {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
}

.css-6gi0jt {
    cursor: pointer;
    padding: 20px;
    align-self: flex-start;
}

.css-jmsy68 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
    flex-direction: column;
}

.css-1vtyosv {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: start;
    padding: 0px 20px 20px;
    width: 100%;
}

.css-1l89ba3 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 12px;
    white-space: nowrap;
}

.css-1jnfdqw {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: KanitSemiBold;
    font-size: 18px;
    white-space: nowrap;
}

.css-ocosf2 {
    background-color: rgb(255, 0, 0);
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 10px;
    width: 100%;
}

.css-eouwvp {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 10px;
}

.css-1s57e2 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: start;
    padding: 20px;
    width: 100%;
}

.css-14acyxj {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0px 20px 20px;
}

.css-1127y87 {
    width: 100%;
    height: 40px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    align-items: center;
    margin: 5px 0px;
}

.css-16du02u {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
}

.css-6s61hh {
    width: 85%;
    height: 90px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
    margin: 15px;
    padding: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.css-wkpw2c {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-p19i6o {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 13px;
    font-weight: 400;
    padding: 20px;
}

.css-p19i6x {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 13px;
    font-weight: 400;
    padding: 5px;
}

.css-10n284 {
    background: rgb(37, 39, 64);
    border-radius: 30px;
    padding-bottom: 40px;
    margin: 40px 3%;
}

.css-n9qgbk {
    height: 100%;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    background: rgb(45, 46, 74);
    padding-bottom: 30px;
    overflow: hidden;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-18kmyx0 {
    width: 100%;
    padding-bottom: 20px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-p060kb {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(45, 46, 74);
    border-radius: 15px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-a8y9ya {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-p060kb {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(45, 46, 74);
    border-radius: 15px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-34rafo {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.css-88lslg {
    width: 100%;
    height: 100px;
    background: #ffcb00;
    border-radius: 15px;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    border: 2px solid #ffcb00;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-p060kb {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(45, 46, 74);
    border-radius: 15px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-34rafo {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.css-1ebealq {
    margin: 20px 0px 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgba(255, 255, 255, 0.6);
    font-size: 20px;
    font-family: kanit;
    cursor: pointer;
}

.css-1gfoyof {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

.css-crbbbp {
    margin-top: 10px;
}

.css-10m9nup {
    position: relative;
    width: 320px;
    height: 320px;
    border-radius: 10px;
    overflow: hidden;
}

.css-1goxm6q {
    background: black;
    width: 320px;
    height: 320px;
    border-radius: 10px;
    border: 1px solid black;
    box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 4px;
    margin: 15px;
    cursor: pointer;
}

.css-1p5pvtm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.css-1expvne {
    margin: 40px 0px 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 40px;
    font-family: kanit;
}

@media (min-width: 600px) {
    .css-1qsxih2 {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-185xt85 {
    display: flex;
    margin-top: 50px;
}

.css-1vvjge2 {
    margin: 0px 0px 0px 6px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 24px;
    font-family: kanit;
}

.css-1gtlm75 {
    background: rgb(39, 29, 66);
    margin-top: 20px;
    height: 650px;
    overflow: auto;
    white-space: nowrap;
    border-radius: 30px;
}


.css-gg4vpm {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-lh9az3 {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(234, 19, 61);
    font-family: kanit;
    font-size: 24px;
    font-weight: 700;
}

.css-1a2cqpf {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.css-k008qs {
    display: flex;
}

.css-12jnaqg {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    opacity: 0.4;
    font-family: kanit;
    font-size: 14px;
}

.css-1rkinoq {
    margin: 0px 0px 0px 10px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    opacity: 0.4;
    font-family: kanit;
    font-size: 14px;
}

.css-q45k9g {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: kanit;
    font-size: 22px;
}

.css-t9yzf6 {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(129, 212, 57);
    font-family: kanit;
    font-size: 24px;
    font-weight: 700;
}

.css-k008qs {
    display: flex;
}

.css-1rkinoq {
    margin: 0px 0px 0px 10px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    opacity: 0.4;
    font-family: kanit;
    font-size: 14px;
}

.css-1sjt00n {
    height: 80px;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-nhb8h9 {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.css-189vk5p.Mui-disabled {
    opacity: 0.38;
}

.css-189vk5p.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

.css-1e4e398 .MuiPaginationItem-root {
    color: lightgrey;
    border-color: lightgrey;
}

.css-189vk5p {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    min-width: 40px;
    height: 40px;
    padding: 0px 10px;
    margin: 0px 3px;
    color: rgba(0, 0, 0, 0.87);
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border: 1px solid rgba(0, 0, 0, 0.23);
}

.css-12jnaqg {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    opacity: 0.4;
    font-family: kanit;
    font-size: 14px;
}

.css-189vk5p.Mui-selected {
    background-color: rgba(0, 0, 0, 0.08);
}

.css-1e4e398 .Mui-selected {
    color: lightgreen;
    font-weight: 700;
    font-size: 24px;
}

.css-1e4e398 .MuiPaginationItem-root {
    color: lightgrey;
    border-color: lightgrey;
}

.css-189vk5p {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    min-width: 40px;
    height: 40px;
    padding: 0px 10px;
    margin: 0px 3px;
    color: rgba(0, 0, 0, 0.87);
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border: 1px solid rgba(0, 0, 0, 0.23);
}

.css-189vk5p.Mui-disabled {
    opacity: 0.38;
}

.css-189vk5p.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

.css-1e4e398 .MuiPaginationItem-root {
    color: lightgrey;
    border-color: lightgrey;
}

.css-189vk5p {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    min-width: 40px;
    height: 40px;
    padding: 0px 10px;
    margin: 0px 3px;
    color: rgba(0, 0, 0, 0.87);
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border: 1px solid rgba(0, 0, 0, 0.23);
}

.css-jjtg8b {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-height: 36px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
    padding: 0px;
    min-width: 0px;
    width: 40px;
    height: 40px;
    z-index: 1050;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
    color: rgba(0, 0, 0, 0.87);
    background: rgb(36, 35, 40);
}

.css-1kpcl3g {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(217, 217, 217);
    font-size: 14px;
}

.css-1ip6ovm {
    display: flex;
    padding: 15px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-13aw9id {
    margin: 0px 0px 0px 10px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 16px;
}

.css-xmfo6e {
    height: 40px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px 5px;
}

.css-1c0pxvd {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 20px;
    flex-direction: row;
}

.css-kqrcco {
    padding: 15px 0px 15px 15px;
    margin: 0px;
}

.css-nn4ogy {
    border-radius: 30px;
    background: rgb(37, 39, 64);
    display: flex;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 15px;
}

.css-1x7rlir {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ksmed;
    font-size: 16px;
    white-space: nowrap;
    padding: 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.css-7ze848 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 6px 0px 0px;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    height: 32px;
    width: 100%;
    padding: 10px;
    background: linear-gradient(90deg, rgb(69, 57, 105) 0%, rgb(57, 43, 92) 100%);
    border-radius: 10px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    align-self: center;
}

.css-94lb6d {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 20px;
    margin-top: 2px;
}

.css-aq0ghh {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.css-b8wnqg {
    width: 100%;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    margin: 15px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-9nvt73 {
    margin: auto 0px auto auto;
    width: 40%;
}

.css-1fx0tq {
    margin: auto;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-start;
    width: 60%;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.css-1e4i3ql {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 16px;
    white-space: nowrap;
}

.css-xwuunc {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
}

.css-989l4c {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 20px;
    line-height: 90%;
    white-space: nowrap;
}

.css-xwuunc {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
}

.css-1iyhli1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-17s8qi7 {
    height: 28px;
    width: 50%;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    margin-right: 2px;
}

.css-1uq7lfg {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 16px;
    padding: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.css-yt8ynl {
    height: 28px;
    width: 50%;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 2px;
    margin-top: 0px;
}

.css-1uq7lfg {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 16px;
    padding: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-35maa2 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ksmed;
    font-size: 16px;
    padding: 0px 10px;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1s1oyiq {
    height: 28px;
    width: 100%;
    text-align: center;
    background: linear-gradient(90deg, rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-3zzx4j {
    padding: 15px 0px 15px 15px;
    margin: 5px;
}

.css-tofwxk {
    width: 95%;
    height: 60px;
    text-align: center;
    margin: 5px 7px;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 35px;
}

.css-mmxl9m {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 16px;
    padding: 15px 15px 15px 5px;
    text-align: left;
}

.css-1e6etgl {
    height: 40px;
    text-align: center;
    margin: 5px 7px;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    left: -20px;
    position: relative;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-16o0yw0 {
    width: 90%;
    height: 100%;
    position: relative;
}

.css-j0xn0g {
    margin: 20px 0px 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    font-family: kanit;
    cursor: pointer;
}


.css-34rafo {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.css-7buviw {
    margin-top: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-1gwszu2 {
    width: 100%;
    height: 100px;
    background: rgb(63, 56, 112);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    border: 2px solid rgb(63, 56, 112);
}

.css-34rafo {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.css-p060kb {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(45, 46, 74);
    border-radius: 15px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-p060kb {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(45, 46, 74);
    border-radius: 15px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-34rafo {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.css-p060kb {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(45, 46, 74);
    border-radius: 15px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-a8y9ya {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.css-cw78xn {
    width: 100%;
    height: 100px;
    background: #ffcb00;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    border: 2px solid #ffcb00;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.-slick-item {
    border-radius: 25px;
}

.css-p060kb {
    height: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(45, 46, 74);
    border-radius: 15px;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-add3au {
    margin: 0px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.00938em;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    font-family: kanit;
}

.css-p6uj52 {
    margin-top: 10px;
    padding: 0px 20px 20px;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-t4qzmy {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 24px;
}

.css-18kmyx0 {
    width: 100%;
    padding-bottom: 20px;
}

.css-1tpwfgo {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 15px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: rgb(63, 56, 112);
    width: 90%;
    border-radius: 30px;
}






















.css-16o0ywx {
    position: relative;
}

.css-1pk6t12 {
    display: flex;
    width: 100%;
    height: 500px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    background: url(https://d12lxcfs2l5om8.cloudfront.net/ddthai/webimages/menu_popup/bg.png) 0% 0% / cover no-repeat rgb(45, 46, 74);
}

.css-1m6igjk {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 140px;
    height: 50px;
    background: black;
    border-radius: 50px;
    margin: 5px;
    box-shadow: black 2px 2px 5px;
}

.css-1j5e4lv {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 290px;
    height: 50px;
    background: black;
    border-radius: 50px;
    margin: 5px;
    box-shadow: black 2px 2px 5px;
}

.css-1wq3n3l {
    width: 60%;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.css-1wq3n3x {
    width: 100%;
    height: 50%;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.css-1eilatu {
    cursor: pointer;
    padding: 30px;
    align-self: flex-start;
}

.css-10a73ai {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: row;
}

.css-4g6ai3 {
    cursor: pointer;
}

.css-jjtg8b {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-height: 36px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
    padding: 0px;
    min-width: 0px;
    width: 40px;
    height: 40px;
    z-index: 1050;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
    color: rgba(0, 0, 0, 0.87);
    background: rgb(36, 35, 40);
}

.css-1kpcl3g {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(217, 217, 217);
    font-size: 14px;
}

.css-kyzb81 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 20px 20px 0px;
}

.css-1uus8u6 {
    background: rgb(37, 39, 64);
    border-radius: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 15px;
}

.css-1qz46so {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.375rem;
    margin: 0px -8px;
}

.css-v6clrr {
    background-color: rgb(255, 0, 0);
    border-radius: 10px;
    padding: 5px 10px;
    margin-top: 30px;
    width: 100%;
}

.css-1pn5s3u {
    padding-top: 20px;
    width: 100%;
    margin-top: 0px;
}

.css-1rhxn48 {
    margin: 0px 0px 55px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 16px;
}

.css-1eo7a01 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    align-items: center;
    background: white;
    width: 300px;
    height: 350px;
    margin: 10px 20px 20px;
    border-radius: 0px 0px 10px 10px;
}

.css-r7q7qr {
    margin-bottom: 5px;
}

.css-18f8w4o {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.css-1l3vgja {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: KanitSemiBold;
    font-size: 30px;
    white-space: nowrap;
}

.css-z7mtfw {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.css-horqx0 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: start;
    padding: 20px;
    width: 50%;
}

.css-m4dcxi {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.css-1a2cqpf {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.css-gg4vpm {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-xe2p4q {
    display: flex;
    flex-direction: column;
    padding: 30px;
    border-bottom: 1px solid rgb(58, 47, 91);
}

.css-q45k9g {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: kanit;
    font-size: 22px;
}

.css-xe2p4q {
    display: flex;
    flex-direction: column;
    padding: 30px;
    border-bottom: 1px solid rgb(58, 47, 91);
}

.css-1kjx1i6 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    margin-top: 8px;
    color: white;
}

.css-1qsxih2 {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

.css-1i6xgxf {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-family: KanitSemiBold;
    font-size: 50px;
    color: rgb(0, 0, 0);
    line-height: 0.9;
    margin-top: 20px;
}

.css-1gy2zie {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.css-1vgqyv9 {
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 25px;
    width: 120px;
    height: 40px;
    font-family: Kanit;
    font-size: 24px;
    color: white;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-2pgxi8 {
    display: inline-block;
    margin-left: 10px;
    width: 280px;
    height: 220px;
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 30px;
    box-shadow: none;
}

.css-gj706f {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}

.css-by2zv0 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 20px;
    white-space: nowrap;
}

.css-1vlw42c {
    display: flex;
    height: 0px;
    position: relative;
    top: -10px;
    left: -10px;
}

.css-1byehwt {
    background: red;
    position: relative;
    top: -5px;
    left: -40px;
}

.css-mbdu2s {
    background-color: rgb(255, 255, 255);
    /* color: rgba(0, 0, 0, 0.87); */
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 600px;
    width: calc(100% - 64px);
}

.css-12eo8is {
    display: flex;
    width: 100%;
    height: 650px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    background: url(https://d12lxcfs2l5om8.cloudfront.net/ddthai/webimages/menu_popup/bg.png) 0% 0% / cover no-repeat rgb(45, 46, 74);
}

.css-12eo8ix {
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    background: url(https://d12lxcfs2l5om8.cloudfront.net/ddthai/webimages/menu_popup/bg.png) 0% 0% / cover no-repeat rgb(45, 46, 74);
}


.css-62nru7 {
    display: flex;
    margin-top: 30px;
}

.css-1s1a29v {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 210px;
    height: 70px;
    background: black;
    border-radius: 50px;
    margin: 5px;
    box-shadow: black 2px 2px 5px;
}

.css-1wcba0h {
    display: flex;
    margin-top: 20px;
}

.css-1eebtcj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 440px;
    height: 70px;
    background: black;
    border-radius: 50px;
    margin: 5px;
    box-shadow: black 2px 2px 5px;
}

.css-i9gxme {
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.css-na4cvc {
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
}

.css-xalak3 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 50px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    width: 300px;
    height: 75px;
    border-radius: 40px;
    z-index: 1;
}

.css-rbs110 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    /* font-size: 28px; */
    font-family: kanit;
}

.css-iqngd6 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
}

.css-1e3sj1t {
    height: 5px;
}


.css-1p25yup {
    display: inline-flex;
    width: 9%;
    min-width: 195px;
    min-height: 207px;
    max-width: none;
    max-height: none;
    position: relative;
    padding-bottom: 10%;
}

.css-1fxfs3m {
    display: inline-flex;
    width: 9%;
    min-width: 125px;
    min-height: 207px;
    max-width: 100%;
    max-height: 207px;
    position: relative;
    padding-bottom: 10%;
}

.css-1bvc4cc {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.css-xdjh4b {
    border: 1px solid black;
    border-radius: 25px;
    width: 50px;
    height: 18px;
    font-family: Kanit;
    font-size: 10px;
    color: black;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-yzg11a {
    width: 33%;
    height: 100px;
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
    margin-top: 0px;
}

.css-1wlne5i {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 6px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 100%;
    height: 30px;
    background: black;
    border: 2px solid rgb(213, 180, 109);
    border-radius: 48px;
}

.css-ltuan1 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: black;
    border-radius: 20px;
    width: 80px;
    height: 30px;
}

.css-1baulvz {
    display: inline-block;
}

.css-1no3ddw {
    width: 120px;
    height: 175px;
    margin-right: 5px;
    position: relative;
    box-shadow: black 1px 1px 5px;
    border-radius: 16px;
}

.css-1ldg1c1 {
    overflow: auto;
    white-space: nowrap;
    margin-top: 10px;
    padding-left: 10px;
}

.css-1j3mhkr {
    margin: 0px;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 10px;
    line-height: 22px;
    font-weight: 500;
}


.css-mi843t {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 12px;
    white-space: nowrap;
}

.css-1gg2hi7 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 10px;
}

.css-kfhguq {
    margin: 10px -10px 0px 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 18px;
    line-height: 43px;
}

.css-av4ofy {
    margin: 0px 0px 0px 3px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 12px;
}



.css-1ovc8b1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.css-aongy4 {
    padding-left: 0px;
    overflow: auto;
    white-space: nowrap;
}

.css-1oakptk {
    display: inline-flex;
    width: 9%;
    min-width: 100px;
    min-height: 110px;
    max-width: none;
    max-height: none;
    position: relative;
    padding-bottom: 10%;
}

.css-1pz06by {
    display: inline-flex;
    width: 9%;
    min-width: 65px;
    min-height: 110px;
    max-width: 65px;
    max-height: 110px;
    position: relative;
    padding-bottom: 10%;
}

.css-1bvc4cc {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.css-1d2vgvs {
    width: 100%;
    overflow: auto hidden;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.css-167m4ed {
    border-radius: 25px;
    width: 50px;
    height: 18px;
    font-family: Kanit;
    font-size: 10px;
    color: white;
    background: linear-gradient(rgb(234, 19, 61) 0%, rgb(173, 2, 43) 100%);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-y4tms {
    background: red;
    position: relative;
    top: 0px;
    left: -10px;
}

.css-1vlw42c {
    display: flex;
    height: 0px;
    position: relative;
    top: -10px;
    left: -10px;
}

.css-1l89ba3 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 12px;
    white-space: nowrap;
}

.css-1gx78w6 {
    text-align: right;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
}

.css-gj706f {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}

.css-343epc {
    border-radius: 25px;
    width: 130px;
    height: 40px;
    font-family: Kanit;
    font-size: 24px;
    color: white;
    background: linear-gradient(rgb(234, 19, 61) 0%, rgb(173, 2, 43) 100%);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-cldbm6 {
    margin: 30px -10px 0px 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 50px;
    line-height: 0.9;
}

.css-1w1ks0k {
    text-align: right;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.css-19jpzii {
    display: inline-block;
    margin-left: 10px;
    width: 280px;
    height: 220px;
    background: white;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
}

.css-1s8b3q1 {
    width: 20%;
    height: 75%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    position: relative;
    top: 25%;
    left: 5%;
}

.css-1iv5rld {
    width: 80%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 0px;
}

.css-p590ja {
    background: rgb(249, 0, 60);
    margin-top: 15px;
    width: 130px;
    height: 70px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 2px;
    cursor: pointer;
}

.css-gur5g7 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.css-ggmmyg {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.css-9li811 label {
    color: rgb(255, 255, 255);
    font-family: ks;
    font-size: 26px;
    line-height: 26px;
}

.css-u9osun {
    color: rgba(0, 0, 0, 0.6);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(133% - 24px);
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(14px, -9px) scale(0.75);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    z-index: 1;
    pointer-events: auto;
    user-select: none;
}

.css-9li811 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
    height: 40px;
}

.css-re002a {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 26px;
}

.css-1ea94c7 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 16px;
}

.css-1bvc4cc {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.css-aob0g4 {
    border: 1px solid black;
    border-radius: 25px;
    width: 130px;
    height: 40px;
    font-family: Kanit;
    font-size: 24px;
    color: black;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-1ea94c7 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 16px;
}

.css-1rr0gz9 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 19px;
    white-space: nowrap;
}

.css-qfdd9t {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.css-lbb20b {
    width: 100%;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    height: 100%;
}

.css-qtyvg {
    background: linear-gradient(rgb(234, 19, 61) 0%, rgb(173, 2, 43) 100%);
    border-radius: 25px;
    width: 120px;
    height: 40px;
    font-family: Kanit;
    font-size: 24px;
    color: white;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-wx6vbk {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    color: white;
    z-index: 1;
}

.css-1yxmbwk {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-28vhao {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    position: fixed;
    top: 0px;
    left: auto;
    right: 0px;
    color: rgb(255, 255, 255);
    background: rgb(0 3 149);
    height: 65px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 8px;
    display: inline-flex;
    z-index: 1201;
}

.css-4z09sj {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 0%;
    padding-top: 5px;
    cursor: pointer;
}

.css-xf2lnq {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    font-family: ksbold;
    font-size: 20px;
    line-height: 1;
}

.css-i6s8oy {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
}

.css-xuaqpw {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    color: #fff;
    z-index: 1201;
}

/* @media (prefers-color-scheme: dark) {
	body {
		color: #fff;
		background: #000;
	}
} */


/* @media (prefers-color-scheme: dark) {
	html {
		color-scheme: dark;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		color: #fff;
		background: #000;
	}
} */

/* body, html {
	padding: 0;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
} */

/* @media (prefers-color-scheme: dark) {
	html {
		color-scheme: dark;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		color: #fff;
		background: #000;
	}
} */

/* 
@media (prefers-color-scheme: dark) {
	html {
		color-scheme: dark;
	}
} */
.css-hbiykz {
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 17px;
    width: 130px;
    height: 34px;
}

.css-hbiykx {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 17px;
    width: 130px;
    height: 34px;
}

.css-1dyr3on {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 10px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: linear-gradient(rgb(255, 204, 1) 0%, rgb(230, 154, 36) 100%);
    border-radius: 17px;
    width: 110px;
    height: 34px;
}

.css-8atqhb {
    width: 100%;
}

.css-1ihe2hn {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
}

.css-m73dwr {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    text-align: center;
}

.css-1fab3uj {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 30px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}

.css-1csifr0 {
    margin: 0px 0px 10px;
    letter-spacing: 0.00938em;
    font-family: ks;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}

.grecaptcha-badge {
    visibility: hidden;
}

.css-1vnawoq {
    margin: 10px 0px 0px;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: ks;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.css-qlru1u {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 8px 22px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5.31092px 5.31092px;
    border-radius: 13px;
    height: 60px;
    width: 100%;
}

.css-nw9d58 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 8px 22px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(249, 186, 6) 0%, rgb(249, 145, 6) 100%);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5.31092px 5.31092px;
    border-radius: 13px;
    height: 60px;
}

.css-1q69luj {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
}

.css-13sljp9 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}

.css-8j6uui {
    margin: 50px 0px 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    text-align: center;
}

.css-m73dwr {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    text-align: center;
}

.css-14x47vi {
    margin-top: 30px;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
}

.css-19xp9hg {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(34, 30, 31);
    font-family: ksbold;
    font-size: 24px;
    letter-spacing: 0.03em;
}

.css-1u31813 {
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5.31092px 5.31092px;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 8px 22px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(rgb(255, 213, 98) 0%, rgb(255, 187, 0) 100%);
    border-radius: 30px;
}

.css-1n6j6u9 {
    margin: 10px 0px 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(249, 189, 0);
    font-family: kanit;
    line-height: 50px;
    font-size: 28px;
}

.css-kipvlc {
    width: 370px;
    padding: 20px 40px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    background: black;
    border-radius: 30px;
    margin-top: 60px;
}

.css-1a2ylu7 {
    width: 100%;
    height: 100vh;
    background-image: url(https://d12lxcfs2l5om8.cloudfront.net/ddthai/webimages/register_page/background_desktop.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}



.css-1rpabqk {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 20px;
    line-height: 1;
}
/* 
.css-1rpabqk {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 20px;
    line-height: 1;
} */

.css-5idq5c {
    padding-left: 15px;
    overflow: auto;
    white-space: nowrap;
}

.css-15s8hr5 {
    margin: 0px 0px 0px 5px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 26px;
}

.css-1eafaes:hover {
    background: #ffa00d;
}

.css-1eafaes {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    min-width: 300px;
    width: 16.6667%;
    height: 70px;
    background: black;
    border: 2px solid rgb(213, 180, 109);
    border-radius: 48px;
}

.css-1hyoz7m {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1e3sj1t {
    height: 5px;
}

.css-6d5fwk {
    padding-right: 15px;
}

.css-1re1m1f {
    width: 100%;
    overflow: auto hidden;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
}

.css-1e3sj1t {
    height: 5px;
}

.css-4hd7e7 {
    width: 100%;
    margin-top: 5px;
}

.css-1rckm58 {
    width: 100%;
    margin-top: 25px;
}

.css-1pg8bi {
    height: 20px;
}

.css-1ykdma4 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.css-1ernbou {
    width: 100%;
    padding-top: 0px;
}

.css-ywr8d2 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 20px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 15px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    background: white;
    border-radius: 30px;
}

.css-t7ppd8 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: black;
    font-family: Kanit;
    font-size: 20px;
}



.css-1hn8o11 {
    margin-top: 20px;
    overflow: auto;
    white-space: nowrap;
    height: 400px;
    padding-left: 5px;
}

.css-dlsca0 {
    width: 160px;
    height: 166px;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: all 0.25s ease 0s;
    margin: 10px;
    border-radius: 30px;
    box-shadow: black 1px 1px 5px;
    overflow: hidden;
}

.css-rafu0n {
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 40px;
    width: 120px;
    height: 40px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    transition: all 0.25s ease 0s;
    cursor: pointer;
    position: absolute;
    z-index: 100;
}

.css-164i1v6 label {
    color: rgb(255, 255, 255);
    font-family: Kanit;
    font-size: 16px;
    line-height: 30px;
    opacity: 0.5;
}

.css-164i1v6 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
    height: 40px;
}

.css-1hy15ul {
    background: rgb(129, 213, 57);
    border-radius: 40px;
    width: 100px;
    height: 35px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: black;
    box-shadow: black 2px 2px 5px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.25s ease 0s;
}

.css-1scklri {
    margin: 0px;
    letter-spacing: 0.00938em;
    color: white;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    font-family: Kanit;
}

.provider-img-con {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    filter: grayscale(0);
    transition: filter .5s ease;
}

.css-6xugel> :nth-of-type(1) {
    font-size: 20px;
}

.css-6xugel {
    display: inherit;
    margin-right: 8px;
    margin-left: -4px;
}

.css-10pci0o {
    width: 100%;
    margin: 0px auto;
    position: absolute;
    padding-top: 100px;
    background: rgb(0, 0, 0);
}

.css-1gb624v {
    width: 100%;
    height: 100px;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1caud2s {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    display: flex;
}

.css-he5ki4 {
    width: 100%;
    background-color: rgb(0 26 143);
    height: 60px;
}

.css-pwaqkg {
    margin: 0px 10px 0px 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 20px;
    font-family: ks;
}

.css-sohav1 {
    cursor: pointer;
    margin-left: 10px;
    margin-top: 5px;
}

.css-1hn8o11 {
    margin-top: 20px;
    overflow: auto;
    white-space: nowrap;
    height: 400px;
    padding-left: 5px;
}

.css-11ze7cv {
    width: 50%;
}

.css-8atqhb {
    width: 100%;
}

.css-1aplae0 {
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-19kdhbs {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
    height: 40px;
}

.css-19kdhbs label {
    color: rgb(255, 255, 255);
    font-family: Kanit;
    font-size: 16px;
    line-height: 30px;
    opacity: 0.5;
}

.css-1ihe2hn label {
    color: white;
}

.css-1ihe2hn .MuiFormLabel-root label {
    color: white;
}



.css-1in441m>span {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}

.css-1ihe2hn .MuiOutlinedInput-root fieldset:focus {
    border: none !important;
    border-radius: 5px;
}

.css-1ihe2hn .MuiOutlinedInput-root fieldset {
    background: black;
    border: 1px solid rgb(249, 201, 0);
}

.css-18sq5gr {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 8px 22px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(255, 213, 98) 0%, rgb(255, 187, 0) 100%);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5.31092px 5.31092px;
    border-radius: 30px;
    height: 55px;
    width: 100%;
}

.css-1o9b57b {
    margin: 0px 0px 0px 10px;
    line-height: 1.5;
    color: rgb(34, 30, 31);
    font-family: kanit;
    font-size: 20px;
    letter-spacing: 0.03em;
    font-weight: 600;
}

.css-k1z727 {
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
}

.css-1in441m {
    float: unset;
    overflow: hidden;
    display: block;
    width: auto;
    padding: 0px;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 100%;
    transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
    white-space: nowrap;
}

/* .css-igs3ac {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
} */

.css-1ixds2g {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px 16.5px 0px;
}

.css-1ihe2hn input {
    color: rgb(252, 189, 17);
    z-index: 1;
    border: none;
    font-family: ksmed;
    font-size: 24px;
    padding: 8px;
}

.css-1ihe2hn input:focus {
    outline: none;
}

.css-gg5vco {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    color: rgb(255, 192, 0);
    z-index: 1;
}

.css-1a6giau {
    display: flex;
    height: 0.01em;
    max-height: 2em;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.54);
    margin-right: 8px;
}

.css-1ufn0jl {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
    padding-left: 14px;
}

.text-divider {
    display: flex;
    align-items: center;
    --text-divider-gap: 1rem;
}

.css-u9osun {
    color: rgba(0, 0, 0, 0.6);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(133% - 24px);
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(14px, -9px) scale(0.75);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    z-index: 1;
    pointer-events: auto;
    user-select: none;
}

.css-1aplae0 .MuiOutlinedInput-root.MuiInputBase-sizeSmall {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.MuiAutocomplete-hasPopupIcon.css-1aplae0 .MuiOutlinedInput-root, .MuiAutocomplete-hasClearIcon.css-1aplae0 .MuiOutlinedInput-root {
    padding-right: 39px;
}

.MuiAutocomplete-hasPopupIcon.css-1aplae0 .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-1aplae0 .MuiAutocomplete-inputRoot {
    padding-right: 30px;
}

.css-1aplae0 .MuiOutlinedInput-root {
    padding: 9px;
}

.css-1aplae0 .MuiAutocomplete-inputRoot {
    flex-wrap: wrap;
}

.css-1si533m {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding-left: 14px;
    padding-right: 14px;
}

.css-1okqa6k {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    color: white;
}

.css-1aplae0 .MuiOutlinedInput-root.MuiInputBase-sizeSmall .MuiAutocomplete-input {
    padding: 2.5px 4px 2.5px 6px;
}

.css-1aplae0 .MuiOutlinedInput-root .MuiAutocomplete-input {
    padding: 7.5px 4px 7.5px 6px;
}

.css-1aplae0 .MuiAutocomplete-inputRoot .MuiAutocomplete-input {
    width: 0px;
    min-width: 30px;
}

.css-19kdhbs .MuiOutlinedInput-root input {
    color: rgb(255, 255, 255);
    margin-left: 20px;
    z-index: 1;
}

.css-1aplae0 .MuiAutocomplete-input {
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-overflow: ellipsis;
    opacity: 1;
}

.css-1y3zh1 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 8.5px 0px;
}

.css-1aplae0 .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
    right: 9px;
}

.css-2iz2x6 {
    position: absolute;
    right: 0px;
    top: calc(50% - 14px);
}

.css-uge3vf {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px -2px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 2px;
}

.css-u5zj0i {
    padding-bottom: 115%;
    position: relative;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: black 1px 1px 5px;
}

.css-br1lvw {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin-top: -8px;
    width: calc(100% + 8px);
    margin-left: -8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.css-92a4h4 {
    margin: 0px;
    letter-spacing: 0.00938em;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    font-family: Kanit;
}

.css-10y872b {
    background: rgb(129, 213, 57);
    border-radius: 40px;
    width: 90%;
    height: 30px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: black;
    box-shadow: black 2px 2px 5px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.25s ease 0s;
}

.css-iu5b7h {
    width: 90px;
    height: 30px;
    margin-top: 4px;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.75) 0px 3px 5px;
    border-radius: 45px;
}

.css-19kdhbs .MuiOutlinedInput-root fieldset {
    border: none;
    background-color: rgb(22, 22, 22);
    border-radius: 20px;
    opacity: 0.5;
    height: auto;
}

.css-164i1v6 .MuiOutlinedInput-root fieldset {
    border: none;
    background-color: rgb(22, 22, 22);
    border-radius: 30px;
    opacity: 0.5;
    height: 40px;
}

.css-1ftyaf0>span {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}

.css-1kp0jwp label {
    color: white;
}

.css-15j76c0 {
    box-sizing: border-box;
    margin: 0;
    flex-direction: row;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%
}

.css-1kp0jwp input {
    color: rgb(255, 255, 255);
    z-index: 1;
    font-family: ksmed;
    font-size: 16px;
    padding: 8px;
    border: 1px solid rgb(249, 201, 0);
    background: black;
}

.css-1kp0jwp input:focus {
    outline: 0 !important;
}

.css-igs3ac .MuiOutlinedInput-root fieldset {
    background: black;
    border: 1px solid rgb(249, 201, 0);
}

.css-1n647cb {
    margin: 10px 0px 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 20px;
    text-align: center;
    opacity: 0.8;
}

.css-bh91h3 .MuiOutlinedInput-root fieldset {
    background: black;
    border: 1px solid rgb(249, 201, 0);
}

.css-17axtqp {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 6px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 95%;
    height: 30px;
    background: rgb(213, 180, 109);
    border: 2px solid rgb(213, 180, 109);
    border-radius: 48px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px;
}

.css-1fh7av9 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 6px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(25, 118, 210);
    width: 95%;
    height: 50px;
    background: rgb(213, 180, 109);
    border: 2px solid rgb(213, 180, 109);
    border-radius: 48px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px;
}

.css-bh91h3 .MuiOutlinedInput-root fieldset {
    border: none;
    background: rgb(37, 39, 64);
    border-radius: 5px;
}

.css-1x5jdmq {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}

.css-bh91h3 input {
    outline: none;
    color: rgb(252, 189, 17);
    z-index: 1;
}

.css-9li811 .MuiOutlinedInput-root input {
    outline: none;
    color: rgb(255, 255, 255);
}

.css-9li811 .MuiOutlinedInput-root fieldset {
    border-color: rgb(0, 196, 140);
    border-radius: 10px;
}

.css-1y1dsbn {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 20px;
}

.css-1ybila9 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding-top: 30px;
    width: 100%;
}

.css-k33gq0 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 16px;
    white-space: nowrap;
}

.css-1my7il4 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: start;
    padding: 20px;
    width: 50%;
}

.css-1ea94c7 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 16px;
}

.css-1tujprv {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background: rgb(0, 196, 140);
    cursor: pointer;
    margin-top: 40px;
}

.css-1ea94c7 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 16px;
}

.css-1al89uq {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background: rgb(47, 48, 79);
    cursor: pointer;
}

.css-1in441m>span {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}

.css-1in441m {
    float: unset;
    overflow: hidden;
    display: block;
    width: auto;
    padding: 0px;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 100%;
    transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
    white-space: nowrap;
}

.css-igs3ac {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}

.css-1x5jdmq {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}

.css-1v4ccyo {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: white;
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
}

.css-1kp0jwp {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}

.css-3p8s6t {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 10px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}

/* .css-igs3ac {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
} */

.css-13sljp9 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
}

.css-1fab3uj {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
    margin-top: 30px;
    width: 100%;
}

.css-qiwgdb.css-qiwgdb.css-qiwgdb {
    padding-right: 32px;
}

.css-1636szt {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    position: absolute;
    right: 7px;
    top: calc(50% - 0.5em);
    pointer-events: none;
    color: rgba(0, 0, 0, 0.54);
}

.css-1k3x8v3 {
    bottom: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    box-sizing: border-box;
}

.css-1kt567w .MuiSelect-outlined {
    background: rgb(37, 39, 64);
    border: 1px solid rgb(249, 201, 0);
}

.css-qiwgdb {
    appearance: none;
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}

.css-qiwgdb.MuiSelect-select {
    height: auto;
    min-height: 1.4375em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.css-1q69luj .MuiSelect-outlined {
    background: black;
    border: 1px solid rgb(249, 201, 0);
}

.css-qiwgdb {
    appearance: none;
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}

.css-nzaaub {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 18px;
    text-align: center;
}

.css-10hgpyj {
    display: flex;
    color: white;
    align-self: flex-start;
    cursor: pointer;
    margin-top: 20px;
}

.css-q757p0 {
    margin: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-weight: 400px;
    font-size: 22px;
    margin-top: 20px;
}

.css-126xj0f {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

.css-vubbuv {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
}

.css-1ihe2hn input {
    color: #FCBD11;
    z-index: 1;
    font-family: ksmed;
    font-size: 16px;
    padding: 8px;
}

.css-ekeie0 {
    height: 100%;
    outline: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-1f8k2pz {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1px;
    width: 100%;
    height: 100%;
    padding: 30px;
}

.css-bh91h3 label {
    color: white;
}

.css-bh91h3 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}

.css-13sljp9 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
}

.css-fief6b {
    --Grid-columns: 12;
    --Grid-columnSpacing: 0px;
    --Grid-rowSpacing: 0px;
    flex-flow: column wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2);
    --Grid-nested-rowSpacing: var(--Grid-rowSpacing);
    --Grid-nested-columnSpacing: var(--Grid-columnSpacing);
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-9l3uo3 {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
}

.css-1g55zed {
    width: 100%;
    background: black;
    border-radius: 43px 35px 35px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.css-866wso {
    width: 50%;
    background-color: black;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.MuiBox-root.MuiPaper .css-k008qs {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 900px;
    width: calc(100% - 64px);
}

.css-5x76yb {
    display: flex;
    flex-direction: column;
    width: 40%;
    padding: 30px;
    background-image: none;
    background-size: 100% 75%;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.css-1lxvjln {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.css-1wqcx23 {
    background: black;
    display: flex;
    height: 500px;
}

.css-cwpu7v {
    /* background-color: rgb(255, 255, 255); */
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 900px;
    width: calc(100% - 64px);
}

.css-1i473ui {
    width: 50%;
    background-image: url(https://d12lxcfs2l5om8.cloudfront.net/ddthai/webimages/login_dialog/bg_1711703813499.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-right: 1px solid rgb(0, 0, 0);
}

.css-1roknz1 {
    width: 474px;
    height: 557px;
    margin-top: 70px;
    margin-bottom: 100px;
}

.css-1l4w6pd {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-919eu4 {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}

.css-1ihe2hn .MuiOutlinedInput-root fieldset {
    background: black;
    border: 1px solid #F9C900;
}

/* .css-1ihe2hn .MuiOutlinedInput-root fieldset {
    border: none;
    border-radius: 5px;
} */
.css-1ihe2hn label {
    color: white;
}

.css-p0rm37 {
    color: rgba(0, 0, 0, 0.6);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(14px, 16px) scale(1);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    z-index: 1;
    pointer-events: none;
}

.css-1bn53lx {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
    padding-right: 14px;
}

.css-1ftyaf0 {
    float: unset;
    overflow: hidden;
    display: block;
    width: auto;
    padding: 0px;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 0.01px;
    transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    white-space: nowrap;
}

.css-1vccmfu {
    margin: 10px 0px 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 18px;
    text-align: center;
}

.css-1kt567w {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
}

.css-ljodi6 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 18px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}

.css-qjyshk {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(254, 196, 59) 0%, rgb(17, 17, 17) 100%);
}

.css-u90vr8 {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(235, 25, 141) 0%, rgb(17, 17, 17) 100%);
}

.css-19eiijq {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(14px, 16px) scale(1);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    z-index: 1;
    pointer-events: none;
    color: white;
}

.css-1sno93h {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(19, 143, 45) 0%, rgb(17, 17, 17) 100%);
}

.css-atderz {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(78, 46, 127) 0%, rgb(17, 17, 17) 100%);
}

.css-11y6xcv {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(30, 69, 152) 0%, rgb(17, 17, 17) 100%);
}

.css-9xnm3b {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(27, 165, 225) 0%, rgb(17, 17, 17) 100%);
}

.css-qjyshk {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(254, 196, 59) 0%, rgb(17, 17, 17) 100%);
}

.css-1xo111q {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(18, 121, 190) 0%, rgb(17, 17, 17) 100%);
}

.css-u90vr8 {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(235, 25, 141) 0%, rgb(17, 17, 17) 100%);
}

.css-1tacmq9 {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(75, 155, 29) 0%, rgb(17, 17, 17) 100%);
}

.css-10llw9i {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(18, 84, 159) 0%, rgb(17, 17, 17) 100%);
}

.css-1txbj9z {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(25, 156, 197) 0%, rgb(17, 17, 17) 100%);
}

.css-1uculzh {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(126, 47, 54) 0%, rgb(17, 17, 17) 100%);
}

.css-mnuwuu {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(11, 57, 121) 0%, rgb(17, 17, 17) 100%);
}

.css-9um8mf {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(109, 110, 113) 0%, rgb(17, 17, 17) 100%);
}

.css-b0b9u5 {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(253, 13, 27) 0%, rgb(17, 17, 17) 100%);
}

.css-4xpz60 {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(245, 125, 35) 0%, rgb(17, 17, 17) 100%);
}

.css-nf1qlm {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(21, 131, 199) 0%, rgb(17, 17, 17) 100%);
}

.css-jdfhpn {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(197, 15, 28) 0%, rgb(17, 17, 17) 100%);
}

.css-jdfhpyy {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
    color: white;
    background: linear-gradient(90deg, rgb(197, 15, 28) 0%, rgb(17, 17, 17) 100%);
}

.css-igs3ac {
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0;
    top: -5px;
    left: 0;
    margin: 0;
    padding: 0 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}

.css-1nvf7g0 {
    display: flex;
    height: 0.01em;
    max-height: 2em;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.54);
    margin-left: 8px;
}

.css-1uvydh2 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 0px 16.5px 14px;
}

.css-bjeqy7 {
    margin: 0px;
    letter-spacing: 0.00938em;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    font-family: Kanit;
}

.css-1in441m {
    float: unset;
    overflow: hidden;
    display: block;
    width: auto;
    padding: 0px;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 100%;
    transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
    white-space: nowrap;
}

.css-1in441m>span {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}




@charset "UTF-8";

.title-footer-wrap {
    font-size: .9rem;
    color: var(--text-menu-bottom) !important
}

@media screen and (max-width: 1200px) {
    .title-footer-wrap {
        font-size: .9rem
    }
}

@media screen and (max-width: 600px) {
    .title-footer-wrap {
        font-size: .9rem
    }
}

.title-footer-wrap {
    margin: 0 0 .5rem
}

@media screen and (max-width: 600px) {
    .logo-list-footer {
        justify-content: center
    }
}

.logo-list-footer {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width: 1200px) {
    .logo-list-footer>li {
        margin: 2px;
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width: 600px) {
    .logo-list-footer>li {
        margin: 2px;
        width: 40px;
        height: 40px
    }
}

.logo-list-footer>li {
    padding: 0 !important;
    margin: 0 5px 5px 6px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #000;
    font-size: 13px
}

@media screen and (max-width: 1600px) {
    .logo-list-footer>li {
        padding: 0 !important;
        margin: 0 5px 5px 6px;
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #000
    }
}

@media screen and (max-width: 600px) {
    .logo-list-footer>li {
        padding: 0 !important;
        margin: 0 5px 5px 6px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #000
    }
}

@media screen and (max-width: 600px) {
    .flex-content-blog .content-in-flex {
        width: 100%;
        margin: 0 0 2rem;
        text-align: center
    }
}

@media screen and (max-width: 600px) {
    .flex-content-blog .content-in-flex {
        padding: 0
    }
}

@media screen and (max-width: 1200px) {
    .flex-content-blog .content-in-flex {
        width: 100%;
        margin: 0 0 2rem;
        padding: 0
    }
}

.flex-content-blog .content-in-flex {
    width: 50%;
    padding: 0 20px
}

.active-lang {
    border-bottom: 2px solid var(--background-border-bottom) !important;
    border-radius: 18px
}

.lang-img {
    width: 40px;
    height: 40px
}

.x-theme-switcher-v2 .-inner-header-section[data-v-8bc7c3b9] {
    margin: 1.25rem 0
}

.-icon-image-lo[data-v-8bc7c3b9] {
    width: 80px !important
}

.x-theme-switcher-v2 .-inner-top-body-section[data-v-8bc7c3b9] {
    margin: .5rem 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.x-theme-switcher-v2 .-inner-top-body-section .-wrapper-box[data-v-8bc7c3b9] {
    padding: .5rem
}

.x-transaction-button-v2.-withdraw[data-v-8bc7c3b9] {
    box-shadow: inset 0 4px 10px #ffffffbf;
    background: linear-gradient(180deg, #fbc844, #f88012)
}

.x-theme-switcher-v2 .-btn-item.-top-btn[data-v-8bc7c3b9] {
    min-height: 100px
}

.x-theme-switcher-v2 .-btn-item[data-v-8bc7c3b9] {
    transition: all .4s;
    width: 100%;
    border-radius: 10px;
    flex: 1
}

.x-transaction-button-v2.-deposit[data-v-8bc7c3b9] {
    box-shadow: inset 0 4px 10px #ffffffbf;
    background: var(--deposit-bg-popup)
}

.x-theme-switcher-v2 .-btn-item.-horizontal .-icon-image[data-v-8bc7c3b9] {
    margin-right: .5rem
}

.x-theme-switcher-v2 .-btn-item.-horizontal .-icon-image[data-v-8bc7c3b9] {
    width: 40px
}

.base-modal-overlay[data-v-8bc7c3b9] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 100
}

.close-icon[data-v-8bc7c3b9] {
    float: right;
    top: 9px;
    z-index: 99999;
    border-radius: 25px;
    right: 15px;
    background: red;
    position: absolute;
    padding: 10px;
    height: 44px;
    width: 46px
}

@media screen and (max-width: 640px) {
    .close-icon[data-v-8bc7c3b9] {
        float: right;
        top: 23px;
        border-radius: 25px;
        right: 8px;
        background: red;
        position: absolute;
        padding: 10px;
        height: 44px;
        width: 46px
    }
}

.close[data-v-8bc7c3b9] {
    @apply absolute;
    top: 5%;
    right: 5%;
    cursor: pointer
}

.close i[data-v-8bc7c3b9] {
    text-shadow: none;
    color: #ea7472
}

.close-img[data-v-8bc7c3b9] {
    width: 25px
}

.modal-dialog[data-v-8bc7c3b9] {
    max-width: 500px;
    padding: 0rem !important
}

.modal-dialog[data-v-8bc7c3b9] {
    padding: 3rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: row
}

.modal-content[data-v-8bc7c3b9] {
    background-color: unset !important;
    border-radius: unset !important;
    border: unset !important
}

.close-model-head[data-v-8bc7c3b9] {
    float: right;
    position: absolute;
    top: -2%;
    right: 0;
    color: #6f6ac5
}

.modal-dialog-scrollable .modal-content[data-v-8bc7c3b9] {
    max-height: 100%;
    overflow: hidden;
    height: inherit
}

.x-theme-switcher-v2 .-inner-center-body-section .-wrapper-box[data-v-8bc7c3b9] {
    padding: .2rem
}

.x-theme-switcher-v2 .-btn-item.-horizontal.-menu-center[data-v-8bc7c3b9] {
    justify-content: flex-start
}

.x-theme-switcher-v2 .-btn-item.-horizontal[data-v-8bc7c3b9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding: .75rem;
    justify-content: center
}

.x-theme-switcher-v2 .-btn-item.-menu-center[data-v-8bc7c3b9] {
    padding: .5rem;
    box-shadow: inset 0 4px 10px #ffffff7f;
    transition: all .2s;
    color: #fff
}

.x-theme-switcher-v2 .-btn-item.-horizontal .-typo-wrapper[data-v-8bc7c3b9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.x-theme-switcher-v2 .-btn-item.-menu-center .-typo-wrapper[data-v-8bc7c3b9] {
    margin-left: .5rem
}

.x-theme-switcher-v2 .-btn-item.-menu-center .-typo-wrapper .-typo[data-v-8bc7c3b9] {
    font-size: .8rem;
    color: var(--active-color-menu) !important;
    font-weight: 300
}

.x-theme-switcher-v2 .-inner-bottom-body-section[data-v-8bc7c3b9] {
    margin: .5rem 0
}

.x-theme-switcher-v2 .-btn-item.-menu-banner[data-v-8bc7c3b9] {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: .5rem
}

.text-footer[data-v-8a689732] {
    color: var(--text-theme-footer)
}

.footerMobileFixed[data-v-8a689732] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.footerMobileFixed .containerMenu[data-v-8a689732] {
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    background-image: var(--background-image-button)
}

.footerMobileFixed .containerMenu li[data-v-8a689732] {
    width: 20vw
}

.footerMobileFixed .containerMenu li .menuFooter[data-v-8a689732] {
    width: 20vw;
    height: 70px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.footerMobileFixed .containerMenu li .menuFooter img[data-v-8a689732] {
    height: 26px;
    margin-bottom: .2rem
}

.footerMobileFixed .containerMenu li .menuFooter p[data-v-8a689732] {
    color: var(--text-theme-footer);
    font-size: .82rem;
    margin-bottom: 0
}

.footerMobileFixed .containerMenu li .menuFooter[data-v-8a689732]:hover, .footerMobileFixed .containerMenu li .menuFooter .active[data-v-8a689732] {
    background-color: #fff3
}

.footerMobileFixed .containerMenu li:nth-last-child(1) .menuFooter[data-v-8a689732]:after {
    display: none
}

.footerMobileFixed .containerMenu-login[data-v-8a689732] {
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    background-image: var(--background-image-button)
}

.footerMobileFixed .containerMenu-login li[data-v-8a689732] {
    width: 50vw
}

.footerMobileFixed .containerMenu-login li .menuFooter-login[data-v-8a689732] {
    width: 50vw;
    height: 55px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.footerMobileFixed .containerMenu-login li .menuFooter-login img[data-v-8a689732] {
    height: 26px;
    margin-bottom: .2rem
}

.footerMobileFixed .containerMenu-login li .menuFooter-login p[data-v-8a689732] {
    color: var(--text-theme-footer);
    font-size: .82rem;
    margin-bottom: 0
}

.footerMobileFixed .containerMenu-login li:nth-last-child(1) .menuFooter[data-v-8a689732]:after {
    display: none
}

.footerMobileFixed .w-80[data-v-8a689732] {
    width: 80%
}

#account-actions-mobile .-center-wrapper .-selected[data-v-8a689732]:before {
    background-size: 60px;
    background-image: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e8aed12-204a-48c8-f126-fcef12db2500/public)
}

#account-actions-mobile[data-v-8a689732] {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: 100%
}

#account-actions-mobile .-outer-wrapper[data-v-8a689732] {
    display: flex;
    align-items: flex-end
}

#account-actions-mobile .-left-wrapper[data-v-8a689732] {
    border-top-left-radius: 10px;
    border-top-right-radius: 22px
}

#account-actions-mobile .-left-wrapper[data-v-8a689732], #account-actions-mobile .-right-wrapper[data-v-8a689732] {
    display: flex;
    align-items: flex-end;
    flex: 1;
    z-index: 2;
    height: 68px;
    padding-bottom: 11px;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

a[data-v-8a689732] {
    color: #fbc844;
    text-decoration: none;
    background-color: transparent
}

@media (max-width: 360px) {
    #account-actions-mobile .-item-wrapper .-text[data-v-8a689732] {
        font-size: 10px !important
    }
}

#account-actions-mobile .-item-wrapper .-text[data-v-8a689732] {
    margin-top: -1px;
    font-size: .8rem;
    color: var(--active-color-menu) !important;
    transition: color .2s
}

.-center-wrapper[data-v-8a689732] {
    background: linear-gradient(180deg, var(--website--theme--nav--with--modal--color--light), var(--website--theme--nav--with--modal--color--dark))
}

#account-actions-mobile .-center-wrapper[data-v-8a689732] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 2;
    width: 80px;
    height: 80px;
    margin: 3px 1px 16px;
    padding-bottom: 0;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #fff6;
    background: linear-gradient(180deg, rgb(203, 162, 71) 0%, rgb(149, 114, 24) 35%, rgb(127, 93, 3) 56%, rgb(157, 121, 31) 74%, rgb(249, 206, 111) 100%)
}

#account-actions-mobile .-center-wrapper-v128[data-v-8a689732] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 2;
    width: 80px;
    height: 80px;
    margin: 3px 1px 16px;
    padding-bottom: 22px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #fff6;
    background: linear-gradient(180deg, rgb(203, 162, 71) 0%, rgb(149, 114, 24) 35%, rgb(127, 93, 3) 56%, rgb(157, 121, 31) 74%, rgb(249, 206, 111) 100%)
}

[data-v-8a689732]:root {
    --website--theme--bg--color: #420605;
    --website--theme--text--color: #f2cf24;
    --website--theme--button--color: #d12704;
    --website--theme--button--active--color: #551002;
    --website--theme--nav--with--modal--color--light: #480703;
    --website--theme--nav--with--modal--color--dark: #d12704;
    --website--theme--announce--color: #ff0000
}

#account-actions-mobile .-fake-center-bg-wrapper[data-v-8a689732] {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 50px;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    overflow: hidden
}

.x-header[data-v-8a689732], #account-actions-mobile .-left-wrapper[data-v-8a689732], #account-actions-mobile .-right-wrapper[data-v-8a689732], #account-actions-mobile .-center-wrapper[data-v-8a689732] {
    background: var(--bg-footer-theme-web);
    border-top: var(--center-top-position) solid var(--background-border-bottom) !important
}

#account-actions-mobile .-left-wrapper[data-v-8a689732], #account-actions-mobile .-right-wrapper[data-v-8a689732] {
    display: flex;
    align-items: flex-end;
    flex: 1;
    z-index: 2;
    height: 68px;
    padding-bottom: 10px;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

#account-actions-mobile .-fully-overlay[data-v-8a689732] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .6)
}

#account-actions-mobile .-item-wrapper.-register[data-v-8a689732] {
    position: relative
}

#account-actions-mobile .-item-wrapper[data-v-8a689732] {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    color: #fff
}

@media (max-width: 991.98px) {
    #account-actions-mobile .-item-wrapper.-shimmer .-text[data-v-8a689732] {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-duration: 2.5s;
        animation-duration: 2.5s
    }
}

#account-actions-mobile .-item-wrapper.-shimmer .-text[data-v-8a689732] {
    display: inline-block;
    color: #fff;
    background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #97a7c1), to(#fff));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: x-shimmer-shorter;
    animation-name: x-shimmer-shorter
}

@media (max-width: 575.98px) {
    #account-actions-mobile .-item-wrapper .-text[data-v-8a689732] {
        font-size: .8rem
    }
}

#account-actions-mobile .-item-wrapper .-text[data-v-8a689732] {
    margin-top: -1px;
    font-size: .8rem;
    color: #fff;
    transition: color .2s
}

#account-actions-mobile .-fake-center-bg-wrapper svg[data-v-8a689732] {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 108px;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

#account-actions-mobile .-right-wrapper[data-v-8a689732] {
    border-top-right-radius: 10px;
    border-top-left-radius: 22px
}

#account-actions-mobile .-left-wrapper[data-v-8a689732], #account-actions-mobile .-right-wrapper[data-v-8a689732] {
    display: flex;
    align-items: flex-end;
    flex: 1;
    z-index: 2;
    height: 68px;
    padding-bottom: 5px;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

#account-actions-mobile .-fake-center-bg-wrapper svg path[data-v-8a689732] {
    fill: url(#rectangleGradient)
}

#account-actions-mobile .-item-wrapper.-shimmer .-text[data-v-8a689732] {
    margin-top: -1px;
    font-size: .875rem;
    color: var(--active-color-menu) !important;
    transition: color .2s
}

.bg-popup-step[data-v-8a689732] {
    background: var(--bg-profile) !important;
    border-radius: 5px !important
}

h2.swal2-title[data-v-8a689732] {
    padding: .8em 1em 0 !important
}

h2.swal2-title[data-v-8a689732], div.text-swal2-modal[data-v-8a689732] {
    color: #fff !important
}

.facebook-mobile[data-v-8a689732] {
    position: fixed;
    right: 12px;
    bottom: 93px;
    display: flex;
    flex-direction: column-reverse;
    text-align: center
}

.facebook-mobile-w[data-v-8a689732] {
    width: 86px
}

.facebook-mobile-w-v107[data-v-8a689732] {
    width: 121px
}

.facebook-mobile-w-what-app[data-v-8a689732] {
    width: 50px
}

.facebook-mobile-w-what-app-v207[data-v-8a689732] {
    width: 115px
}

.-center-wrapper-v167[data-v-8a689732] {
    background: linear-gradient(to bottom, rgb(252, 152, 43), #f43f3b) !important
}

.button-contact-promotion[data-v-8a689732] {
    background: var(--background-image-top) !important;
    color: var(--text-theme) !important;
    padding: 4px;
    border-radius: 12px
}

.dialog-close-button[data-v-8a689732] {
    display: flex;
    top: -12%;
    right: 0%;
    font-size: 14px;
    position: absolute;
    border-radius: 100%;
    padding: 5px
}

.flicking-arrow-prev, .flicking-arrow-next {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.flicking-arrow-prev.is-circle, .flicking-arrow-next.is-circle {
    background-color: #f2a65e;
    border-radius: 50%
}

.flicking-arrow-disabled.is-circle {
    background-color: #0a0a0a1a
}

.flicking-arrow-prev.is-circle:before, .flicking-arrow-prev.is-circle:after, .flicking-arrow-next.is-circle:before, .flicking-arrow-next.is-circle:after {
    background-color: #fff
}

.flicking-arrow-prev {
    left: 10px
}

.flicking-arrow-next {
    right: 10px
}

.flicking-arrow-prev.is-outside {
    left: -74px
}

.flicking-arrow-next.is-outside {
    right: -74px
}

.flicking-arrow-prev:before, .flicking-arrow-prev:after, .flicking-arrow-next:before, .flicking-arrow-next:after {
    content: "";
    width: 24px;
    height: 6px;
    position: absolute;
    background-color: #f2a65e
}

.flicking-arrow-prev:before {
    top: 50%;
    left: 22px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.flicking-arrow-prev:after {
    top: calc(50% - 4px);
    left: 22px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.flicking-arrow-next:before {
    top: 50%;
    right: 22px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.flicking-arrow-next:after {
    top: calc(50% - 4px);
    right: 22px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.flicking-arrow-disabled, .flicking-arrow-disabled {
    cursor: default
}

.flicking-arrow-disabled:before, .flicking-arrow-disabled:after, .flicking-arrow-disabled:before, .flicking-arrow-disabled:after {
    background-color: #e6e6e6
}

.flicking-arrow-prev.is-thin:before, .flicking-arrow-prev.is-thin:after, .flicking-arrow-next.is-thin:before, .flicking-arrow-next.is-thin:after {
    height: 3px
}

.flicking-arrow-prev.is-thin:after, .flicking-arrow-next.is-thin:after {
    top: calc(50% - 2px)
}

.flicking-pagination {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 2
}

.flicking-pagination-bullets, .flicking-pagination-scroll {
    font-size: 0
}

.flicking-pagination-scroll {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap;
    overflow: hidden
}

.flicking-pagination-scroll .flicking-pagination-slider {
    -webkit-transition: .2s transform;
    transition: .2s transform
}

.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-slider, .flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-bullet {
    -webkit-transition: none;
    transition: none
}

.flicking-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: #0a0a0a1a;
    cursor: pointer;
    font-size: 1rem
}

.flicking-pagination-scroll .flicking-pagination-bullet {
    vertical-align: middle;
    position: relative;
    -webkit-transition: .2s transform;
    transition: .2s transform
}

.flicking-pagination-bullet-active {
    background-color: #f2a65e
}

.flicking-pagination-scroll .flicking-pagination-bullet {
    vertical-align: middle;
    position: relative;
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.flicking-pagination-scroll .flicking-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.flicking-pagination-scroll .flicking-pagination-bullet-prev, .flicking-pagination-scroll .flicking-pagination-bullet-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.flicking-pagination-scroll .flicking-pagination-bullet-prev2, .flicking-pagination-scroll .flicking-pagination-bullet-next2 {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

:root {
    --vc-clr-primary: #642afb;
    --vc-clr-secondary: #8e98f3;
    --vc-clr-white: #ffffff;
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-color: #ffffff;
    --vc-nav-background-color: var(--vc-clr-primary);
    --vc-pgn-width: 10px;
    --vc-pgn-height: 5px;
    --vc-pgn-margin: 5px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

.carousel__prev, .carousel__next {
    background-color: var(--vc-nav-background-color);
    border-radius: var(--vc-nav-width);
    width: var(--vc-nav-width);
    height: var(--vc-nav-width);
    text-align: center;
    font-size: calc(var(--vc-nav-width) * 2 / 3);
    padding: 0;
    color: var(--vc-nav-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 0;
    cursor: pointer
}

.carousel__prev {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
}

.carousel__next {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%)
}

.carousel--rtl .carousel__prev {
    left: auto;
    right: 0;
    transform: translate(50%, -50%)
}

.carousel--rtl .carousel__next {
    right: auto;
    left: 0;
    transform: translate(-50%, -50%)
}

.carousel__pagination {
    display: flex;
    justify-content: center;
    list-style: none
}

.carousel__pagination-button {
    margin: var(--vc-pgn-margin);
    width: var(--vc-pgn-width);
    height: var(--vc-pgn-height);
    border-radius: var(--vc-pgn-height);
    border: 0;
    cursor: pointer;
    background-color: var(--vc-pgn-background-color)
}

.carousel__pagination-button--active {
    background-color: var(--vc-pgn-active-color)
}

.carousel__slide {
    scroll-snap-stop: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.carousel {
    position: relative;
    text-align: center;
    box-sizing: border-box
}

.carousel * {
    box-sizing: border-box
}

.carousel__track {
    display: flex;
    margin: 0;
    padding: 0;
    position: relative
}

.carousel__viewport {
    overflow: hidden
}

.carousel__icon {
    width: var(--vc-icn-width);
    height: var(--vc-icn-width);
    fill: currentColor
}

.carousel__pagination-button {
    width: 22px !important;
    border-radius: 0 !important
}

.carousel__pagination-button--active {
    background-color: var(--pagination-button--active) !important
}

.carousel__pagination {
    width: 100%;
    position: absolute;
    margin-top: -35px !important
}

.carousel__pagination-button {
    margin: var(--vc-pgn-margin);
    width: var(--vc-pgn-width);
    height: var(--vc-pgn-height);
    border-radius: var(--vc-pgn-height);
    border: 0;
    cursor: pointer;
    background-color: #efefef7d
}

.carousel__prev {
    margin: 0 0 0 25px
}

.carousel__next {
    margin: 0 25px 0 0
}

.carousel__prev, .carousel__next {
    background: var(--background-image-top) !important;
    color: var(--text-theme) !important
}

.img-banner {
    width: 100%;
    height: 100%
}

.card-panel {
    width: 35%
}

@media screen and (max-width: 915px) {
    .card-panel {
        width: 100%
    }
}

.flicking-pagination-bullet {
    display: inline-block;
    width: 21px;
    height: 8px;
    margin: 0 4px;
    border-radius: 8%;
    background: var(--pagination-button);
    cursor: pointer;
    font-size: 1rem
}

.flicking-pagination-bullet-active {
    background: var(--pagination-button--active) !important
}

@-webkit-keyframes spaceboots {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(2deg)
    }

    50% {
        transform: rotate(0)
    }

    75% {
        transform: rotate(-2deg)
    }

    to {
        transform: rotate(0)
    }
}

.shake-img-random {
    animation: heartbeat 5s ease-in-out infinite both
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.96);
        transform: scale(.96);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.97);
        transform: scale(.97);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(.96);
        transform: scale(.96);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.-big-bg-new:before {
    background: var(--bg-new) !important
}

.-big-bg-hot:before {
    background: var(--bg-hot) !important
}

.-big-bg-recommend:before {
    background: var(--bg-recommend) !important
}

.position-new-game-special img {
    position: absolute;
    width: 48px;
    height: auto;
    top: -21px
}

.position-hot-game-special img {
    position: absolute;
    width: 48px;
    right: 0;
    height: auto;
    top: -21px
}

.position-all-new-game-special img, .position-all-hot-game-special img {
    position: absolute;
    width: 48px;
    height: auto;
    top: -21px;
    right: 0
}

.position-rec-game-special img {
    position: absolute;
    width: 55px;
    height: auto;
    top: -24px
}


@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes ScaleUp {
    0%, to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

.progress-circle-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -7px
}

.name-progress-circle-number {
    font-size: 14px
}

.progress-circle-number {
    font-size: 13px
}

.text-win-rate {
    bottom: -11px;
    padding: 5px;
    position: relative;
    vertical-align: middle;
    transform: translateY(-41%);
    z-index: 9;
    text-align: center
}

.text-size-win-rate-number {
    font-size: 12px
}

.position-progress-g {
    position: absolute;
    border-radius: 5px;
    height: 15px;
    width: -webkit-fill-available;
    bottom: 42px;
    margin: 0 3px 15px;
    left: 0
}

.position-progress-g-hot {
    position: absolute;
    border-radius: 5px;
    height: 15px;
    width: -webkit-fill-available;
    bottom: 25px;
    margin: 0 3px 15px;
    left: 0
}

.text-size-win-rate {
    font-size: 14px
}

@media screen and (max-width: 1024px) {
    .text-size-win-rate, .text-size-win-rate-number {
        font-size: 12px
    }

    .text-win-rate {
        bottom: -8px;
        padding: 5px;
        position: relative;
        vertical-align: middle;
        transform: translateY(-41%);
        z-index: 9;
        text-align: center
    }

    .position-progress-g {
        position: absolute;
        border-radius: 5px;
        height: 15px;
        width: -webkit-fill-available;
        bottom: 49px;
        margin: 0 3px 15px;
        left: 0
    }

    .position-progress-g-hot {
        position: absolute;
        border-radius: 5px;
        height: 15px;
        width: -webkit-fill-available;
        bottom: 30px;
        margin: 0 3px 15px;
        left: 0
    }
}

@media screen and (max-width: 640px) {
    .text-size-win-rate-number, .text-size-win-rate {
        font-size: 12px
    }

    .text-win-rate {
        bottom: -8px;
        padding: 5px;
        position: relative;
        vertical-align: middle;
        transform: translateY(-41%);
        z-index: 9;
        text-align: center
    }

    .progress-circle-number {
        width: 31px;
        height: 31px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -7px
    }

    .name-progress-circle-number {
        font-size: 12px
    }

    .progress-circle-number {
        font-size: 10px
    }

    .position-progress-g {
        position: absolute;
        border-radius: 5px;
        height: 15px;
        width: -webkit-fill-available;
        bottom: 42px;
        margin: 0 3px 15px;
        left: 0
    }

    .position-progress-g-hot {
        position: absolute;
        border-radius: 5px;
        height: 15px;
        width: -webkit-fill-available;
        bottom: 26px;
        margin: 0 3px 15px;
        left: 0
    }
}

@media screen and (max-width: 360px) {
    .position-progress-g {
        position: absolute;
        border-radius: 5px;
        height: 15px;
        width: -webkit-fill-available;
        bottom: 42px;
        margin: 0 3px 15px;
        left: 0
    }

    .position-progress-g-hot {
        position: absolute;
        border-radius: 5px;
        height: 15px;
        width: -webkit-fill-available;
        bottom: 25px;
        margin: 0 3px 15px;
        left: 0
    }

    .progress-circle-number {
        width: 31px;
        height: 31px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -7px
    }

    .name-progress-circle-number {
        font-size: 12px
    }

    .progress-circle-number {
        font-size: 10px
    }
}

.color-c-g {
    color: #989998;
    font-size: 12px
}

.text-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.position-progress {
    background-color: #301615 !important
}

.progress-bar {
    display: unset !important
}

.bg-rate-persent {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50px;
    box-shadow: inset 0 2px 9px #ffffff4d, inset 0 -2px 6px #0006;
    overflow: hidden
}

.bg-rate-persent:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 1;
    background-size: 50px 50px;
    border-radius: 20px 8px 8px 20px;
    overflow: hidden
}

.bg-rate-persent:after {
    animation: load 4s infinite
}

@keyframes load {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 50px 50px
    }
}

.bg-card-item {
    background: #7675754d;
    border-radius: 12px
}

.border-card-games {
    border: 1px solid var(--border-game-solid)
}

.padding--btn-deposit {
    padding: 12px !important;
    border-radius: 20px !important
}

.carousel__pagination {
    width: 100%;
    position: absolute;
    margin-top: -3px !important
}

@media screen and (max-width: 640px) {
    .carousel__pagination {
        width: 100%;
        position: absolute;
        margin-top: -3px !important
    }
}

.img-review-box {
    -webkit-box-shadow: inset 0 0 48px 6px var(--img-review-box);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 1px 0 9px 5px var(--img-review-box)
}

.btn.-btn-img-review-box {
    padding: .5em 1.5em;
    background: radial-gradient(100% 100% at 50% 0, #a2aac9 0, #0630ce 44%, #062ec6 100%) !important;
    border-radius: 8px;
    box-shadow: 0 2px 4px #0000001f, 0 1px 2px #ece9e93d;
    color: var(--btn-deposit-text)
}

.wp-image-64 {
    max-width: 49%
}

.w-rules-img {
    width: 50%
}

@media screen and (max-width: 915px) {
    .w-rules-img {
        width: 100%
    }

    .-heading-sub-title {
        font-size: 17px
    }

    .wp-image-64 {
        max-width: 49%
    }

    .logo-web-page {
        width: 150px
    }

    .p-2-view-page {
        padding: 14px 0
    }
}

.text-details-box {
    color: var(--text-theme)
}

.logo-web-page {
    width: 150px
}

.-heading-sub-title {
    font-size: 23px;
    color: var(--credit-bl-text)
}

.bg-view-box-section {
    background: var(--background-image-button)
}

@media screen and (max-width: 360px) {
    .-heading-sub-title {
        font-size: 17px
    }

    .logo-web-page {
        width: 150px
    }

    .p-2-view-page {
        padding: 14px 0
    }
}

.logo-web-page {
    width: 170px
}

.p-2-view-page {
    padding: 14px 0
}

.-heading-sub-title {
    color: var(--credit-bl-text);
    font-size: 23px
}

.-heading-sub-title-1 {
    color: var(--credit-bl-text);
    font-size: 22px
}

.frame-2-black {
    box-shadow: var(--box-sha-box);
    -webkit-box-shadow: var(--box-sha-box-webkit);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid var(--background-border-box) !important
}

.bg-view-footer {
    background: var(--MenuLeft-af)
}

.pb-5-mobile {
    padding-bottom: 0
}

@media screen and (max-width: 915px) {
    .pb-5-mobile {
        padding-bottom: 113px
    }

    .-heading-sub-title {
        color: var(--credit-bl-text);
        font-size: 17px
    }

    .-heading-sub-title-1 {
        color: var(--credit-bl-text);
        font-size: 22px
    }

    .logo-web-page {
        width: 150px
    }

    .p-2-view-page {
        padding: 14px 0
    }
}

.bg-view:before {
    background: linear-gradient(45deg, transparent 0%, #cfa10a 50%, transparent 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 100%;
    content: "";
    z-index: 1
}

.text-title-navbar {
    color: var(--text-color-text-web) !important
}

.text-color-back {
    color: var(--background-border-box)
}

.img-fit-card-game-privilege {
    border-radius: 13px
}

.bg-mission-button-privilege {
    background: var(--background-image-top-header);
    border-radius: 13px
}

img.w-icon-navbar:hover {
    transform: scale(1.1)
}

.w-icon-navbar {
    transition: transform .2s;
    width: 40px;
    height: 40px
}

.w-icon-navbar-1 {
    transition: transform .2s;
    width: 55px;
    height: auto
}

.scroll-navbar-menu {
    overflow-x: scroll
}

.text-navbar-menu {
    white-space: nowrap;
    width: auto;
    text-align: center;
    overflow: hidden;
    text-overflow: clip
}

.scroll-navbar-menu {
    padding: 0 50px
}

@media screen and (max-width: 1600px) {
    .scroll-navbar-menu {
        padding: 0 50px
    }
}

@media only screen and (max-width: 600px) {
    .scroll-navbar-menu {
        padding: 0 5px
    }

    .w-icon-navbar {
        transition: transform .2s;
        width: 29px;
        height: 29px
    }

    .w-icon-navbar-1 {
        transition: transform .2s;
        width: 64px;
        height: auto
    }

    .text-navbar-menu {
        white-space: nowrap;
        width: 70px;
        text-align: center;
        font-size: 12px;
        overflow: hidden;
        text-overflow: clip
    }
}

.bg-navbar-event {
    background: var(--MenuLeft-af);
    padding: 10px 0
}

.bg-navbar-event:before {
    background: var(--MenuLeft-before);
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 100%;
    content: "";
    z-index: 1
}

.bg-navbar-event:after {
    background: var(--MenuLeft-before);
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    top: 0;
    height: 2px;
    width: 100%;
    content: "";
    z-index: 1
}

.x-footer.-logged .-footer-wrapper {
    padding-bottom: 1rem
}

.x-footer .-footer-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0
}

.x-footer .-footer-inner-wrapper {
    display: flex;
    justify-content: space-evenly;
    transition: all .4s
}

.x-footer .-footer-inner-wrapper .-describe-wrapper {
    transition: all .4s
}

.x-footer .-footer-inner-wrapper .-tag-wrapper {
    flex-grow: 1;
    transition: all .4s
}

.x-footer .-footer-inner-wrapper .-provider-wrapper {
    flex-direction: column;
    transition: all .4s
}

.x-footer .-footer-bottom-wrapper {
    padding-bottom: .75rem;
    text-align: center
}

.x-footer .-footer-inner-wrapper .-describe-wrapper .-content-wrapper {
    padding: 0 1rem
}

.x-footer .-footer-inner-wrapper .-describe-wrapper .-content-wrapper .-content {
    margin-bottom: 1rem
}

.x-footer .-footer-inner-wrapper .-content-wrapper .-content {
    margin-top: .25rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5
}

.x-footer .-footer-inner-wrapper .-content-wrapper {
    padding: 0 1rem
}

.x-footer .-footer-inner-wrapper .-content-wrapper .-title {
    color: #eb77cf;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5
}

.x-footer-seo {
    padding: 0;
    margin: .25rem 0
}

[data-animatable].animated {
    opacity: 1
}

.x-contact-directly {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 2rem;
    margin-left: -1rem
}

.x-contact-directly .-text-wrapper.-empty {
    text-align: center;
    margin-right: 0
}

.x-contact-directly .-qr-wrapper.-empty {
    display: none
}

.x-footer .-footer-bottom-wrapper .-term-btn {
    color: #eb77cf
}

.x-footer-seo .-tags .btn {
    font-size: .875rem;
    color: #fbfbfb;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 5px 15px;
    border-radius: 8px;
    background: #464646;
    font-weight: 300;
    transition: all .2s ease-in-out
}

.x-footer-banner-provider .-image-wrapper .-logo-ic {
    width: 40px;
    height: auto
}

.x-footer-banner-provider .-image-wrapper {
    text-align: center;
    padding: .25rem
}

.x-footer-banner-provider {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: .25rem
}

.nav-item.active, .-menu-wrapper .nav-item.active {
    background: var(--background-menu-active) !important;
    box-shadow: 0 4px 4px #00000040
}

.position-relative:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important
}

.x-menu-provider .-contact-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.x-contact-us.-text .-line-wrapper .-line-img {
    width: 100%;
    height: auto
}

.solid-user {
    border: 2px solid #b0938e !important
}

@-webkit-keyframes marquee {
    0% {
        text-indent: 100%
    }

    to {
        text-indent: -10%
    }
}

input.marquee {
    -webkit-animation: marquee 20s infinite;
    -webkit-animation-timing-function: linear
}

.none-marquee {
    display: none
}

.img-menu-navbar {
    border-radius: 13px
}

.border-radius-maq {
    border-radius: 0 !important;
    border: 0px solid var(--text-color-input-group) !important
}

.border-radius-maq-all {
    border-radius: 0 !important;
    border: 1px solid var(--text-color-input-group) !important
}

.bg-marquee-hh-pg {
    height: 36px;
    color: #fff !important;
    background: var(--background-menu-marquee) !important
}

.bg-marquee-hh-pg .input-group-text-pg {
    background-color: var(--input-group) !important;
    color: var(--text-color-input-group-signin) !important;
    border: 1px solid var(--input-group) !important;
    border-radius: 1.375rem !important
}

.active-color-menu .-title-mobile, .active-color-menu .-title-trans {
    color: var(--active-color-menu) !important
}

.load-history {
    width: 82px
}

.bg-profile-box-overview {
    background: var(--bg-profile-box-overview) !important;
    box-shadow: inset 0 0 0 .5px var(--bg-profile-box-overview);
    border-radius: 6px
}

.font-history-menu-text {
    color: var(--text-color-category) !important
}

.x-error-404 #main__content .x-error-404-container .-error-404-text-wrapper {
    text-align: center;
    margin-top: .5rem
}

.x-error-404 #main__content .x-error-404-container .-error-404-text-wrapper .-text {
    color: #f6f6f6;
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 1px 1px 10px #898989
}

.x-error-404 #main__content .x-error-404-container .-error-404-btn-wrapper {
    margin-top: 1rem
}

.x-error-404 #main__content .x-error-404-container .-error-404-btn-wrapper .x-error-404-btn-container {
    display: flex;
    justify-content: center
}

.x-error-404 #main__content .x-error-404-container .-error-404-btn-wrapper .x-error-404-btn-container .-error-404-btn {
    position: relative;
    transition: all .4s
}

#circle {
    background: #f00;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: heartbeat 1.5s ease-in-out infinite both
}

.p-1-live {
    padding: 0 0 0 11px
}

.img-title-live {
    width: 118px
}

.p-1-img-padding {
    padding: 1.5px
}

.bg-game-list {
    background: var(--bg-footer-theme-web-category) !important;
    border-radius: 13px;
    padding: 2px
}

.line-top-slot {
    border-bottom: 1px solid var(--bg-footer-theme-web) !important
}

.line-top-slot-disabled {
    background: var(--v-login) !important
}

div.ex1 {
    background-color: #add8e6;
    height: 40px;
    width: 200px;
    overflow-y: scroll
}

.bg-index-button {
    border-radius: 5px
}

.bg-all-index {
    background: var(--bg-banner-refer)
}

label.text-for-stroke {
    display: flex;
    justify-content: center;
    font-size: 24px;
    color: var(--text-font-balance);
    text-shadow: -2px 0 1px var(--stroke-color), 0 2px 1px var(--stroke-color), 2px 0 1px var(--stroke-color), 0 -2px 1px var(--stroke-color);
    letter-spacing: 3px
}

.img-title-games {
    width: 151px
}

.all-button-img {
    width: 110px;
    float: right
}

.img-title-games-slot {
    width: 79px
}

.img-title-games-slot-1 {
    width: 83px
}

.title-pannel-game.color4 {
    background: var(--title-pannel-game) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    border-bottom: 2px solid var(--background-border-bottom-go-top-1) !important;
    border-top: 2px solid var(--background-border-bottom-go-top-2) !important
}

@media (max-width: 640px) {
    .img-title-games {
        width: 116px
    }

    .img-title-games-slot {
        width: 67px
    }

    .img-title-games-slot-1 {
        width: 68px
    }
}

.title-pannel-game {
    max-width: 960px;
    padding: .5rem 0
}

.m-bg-title {
    margin: 10px 0 0 !important
}

.pl-set {
    padding: 0 0 0 2px
}

.pl-set-1 {
    padding: 0 0 0 5px
}

.pt-title-not-all {
    padding-top: 5px !important
}

.img-title-games-hot {
    width: 50px
}

.text-title-popular {
    font-size: 22px;
    font-weight: 900;
    color: black
}

@media (max-width: 640px) {
    .img-title-games-hot {
        width: 41px
    }

    .text-title-popular {
        font-size: 18px;
        font-weight: 900;
        color: var(--text-title-popular)
    }
}

.border-box-credit[data-v-8a7c0ea5] {
    background: linear-gradient(93deg, #000000, #3333337d) !important;
    color: var(--v-login-color) !important;
    border-radius: var(--v-login-radius) !important;
    border: 1px solid #424342 !important;
    padding: 10px
}

.p-2-l-r-box-event[data-v-8a7c0ea5] {
    padding: 5px 5px 0
}

.bg-event-box[data-v-8a7c0ea5] {
    border: 1px solid #424342 !important;
    border-radius: var(--v-login-radius) !important;
    padding: 5px
}

.border-img-banner-event[data-v-8a7c0ea5] {
    border-radius: var(--v-login-radius) !important
}

div:where(.swal2-container) div:where(.swal2-popup) {
    background: #fff !important
}

.bg-profile-credit-bl {
    color: var(--credit-bl-text)
}

dev, small, h3, .align-self-center {
    color: black
}

.commission-box-input {
    text-align: center !important;
    font-size: 41px !important;
    font-weight: 900 !important;
    color: #efd596 !important
}

.financial-button-commission {
    background: rgb(20 20 20);
    border-radius: 6px;
    box-shadow: var(--financial-button-commission) !important
}

.table-dark-history {
    background: #000
}

.bg-table-dark-history-title {
    background: var(--bg-profile-box-overview) !important;
    border: 0px solid #222 !important;
    color: var(--text-color-input-group-signin) !important
}

.bg-table-dark-history {
    background: var(--bg-profile-box-overview) !important;
    border: 0px solid #222 !important
}

.icon-aff-member {
    width: 18px
}

.font-member-aff {
    font-size: 22px
}

.font-member-aff-all {
    font-size: 36px
}

.cl-mod-1 {
    background: #00000021 !important;
    box-shadow: inset 0 0 0 .5px #ced4da2b;
    color: #fff;
    border-bottom: 1px !important
}

.cl-mod-2 {
    background: #16161696;
    box-shadow: inset 0 0 0 .5px #ced4da2b;
    color: #fff;
    border-bottom: 1px !important
}

tr {
    border-bottom-width: 0px !important
}

.table>:not(caption)>*>* {
    border-bottom-width: 0px !important
}

.active_aff_affiliate {
    color: #fff;
    border-bottom: var(--active-tap-history) !important
}

.p-1-aff {
    padding: 10px 0 0 10px !important
}

.text_aff_affiliate_tab {
    font-size: 10px !important;
    color: #99918e !important;
    border: 0px solid rgb(44, 44, 45) !important;
    width: 94px
}

.scroll-title-history-aff {
    border-bottom: 0px solid rgb(44, 44, 45) !important;
    overflow-x: scroll;
    background: #000;
    padding: 5px
}

.text_aff_affiliate_tab_active {
    background-color: var(--active-menu-bottom) !important;
    color: #fff !important
}

.thumbs-circle {
    border-radius: 20px;
    box-shadow: inset 0 0 0 2px #504a3c;
    padding: 0 5px 5px;
    width: 28px;
    height: 28px;
    margin-right: 5px
}

.credit-bl-text {
    color: var(--credit-bl-text) !important
}

.img-financial-button {
    width: 50px;
    padding: 10px
}

.goto-financial {
    width: 30px;
    padding: 10px
}

.financial-button {
    background-color: #0003 !important;
    border-radius: 6px;
    box-shadow: var(--background-bg-box-shadow) !important
}

.bg-color-financial-my-bank {
    background: #161616;
    padding: 0 10px;
    border-radius: 6px
}

.color-hr {
    color: #464546
}

.-img-bank-name-image {
    width: 30px;
    border-radius: 20px
}

.logo-profile-user {
    width: 60px
}

.bg-profile-credit-bl {
    background: var(--bg-profile-credit-bl) !important;
    box-shadow: inset 0 0 0 2px var(--background-border-bottom)
}

.logo-profile-user-w {
    width: 40px
}

.financial-button-profile {
    background: var(--bg-profile-credit-bl-financial) !important;
    box-shadow: inset 0 0 0 2px #000
}

.icon-profile-title-left {
    width: 22px
}

.wid-button {
    width: 25px
}

.icon-aff {
    width: 20px
}

.affiliate-aff-search {
    background: rgb(20 20 20);
    border-radius: 6px;
    color: #fff;
    box-shadow: var(--financial-button-commission) !important
}

.affiliate-aff-search-submit {
    background: var(--v-login) !important;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #373432 !important
}

.text-center-s-date {
    font-size: 13px !important;
    text-align: center !important;
    color: #909090 !important
}

::-webkit-inner-spin-button {
    display: none
}

::-webkit-calendar-picker-indicator {
    background-color: #fff
}

input[type=date] {
    font-size: 25px
}

::-webkit-datetime-edit-text {
    color: #fff
}

::-webkit-datetime-edit-month-field {
    color: #fff
}

::-webkit-datetime-edit-day-field {
    color: #fff
}

::-webkit-datetime-edit-year-field {
    color: #fff
}

::-webkit-calendar-picker-indicator {
    background-image: url(http://icons.iconarchive.com/icons/dakirby309/simply-styled/256/Calendar-icon.png);
    background-position: center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    color: #ccc0
}

.bg-income-summary:disabled {
    background-color: #e9ecef00 !important;
    opacity: 1;
    border: 0px solid #ced4da !important
}

.bg-date-start {
    color: #000 !important;
    background: #1616167a !important
}

.bg-date-end {
    background: #1616167a !important;
    color: #000 !important
}

.bg-refer-title {
    background: var(--bg-refer-title) !important
}

.x-modal.-v2 .-modal-main-account .-modal-content .-modal-body .-layout-account {
    border-radius: 14px;
    background-color: transparent;
    width: 100%;
    padding: 1rem 1.5rem 1.5rem
}

#accountModal .x-title-modal {
    margin-top: 0
}

.x-modal.-v2 .x-title-modal {
    color: #fafafa;
    font-weight: 300;
    line-height: 1.5;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Roboto, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.x-account-profile .x-title-modal {
    margin: 0
}

.x-title-modal {
    margin: 2.5rem auto 0;
    color: var(--text-theme) !important;
    font-weight: 400;
    font-size: 1.375rem
}

.x-account-profile .-profile-container .-profile-image {
    width: 70px
}

.x-account-profile .-profile-container .-text-username {
    margin-bottom: .5rem
}

.x-account-profile .-profile-container .-link-change-password {
    color: #ceb46f
}

.x-account-profile .-profile-container .-change-password-container {
    width: 60%;
    margin: 1rem auto
}

.x-account-profile.-v2 .-profile-container .-bank-info-container {
    padding: 0;
    background-color: transparent
}

.x-account-profile .-profile-container .-bank-info-container {
    margin: auto;
    display: flex;
    justify-content: center;
    padding: .75rem;
    background-color: #ffffff1a;
    width: 100%
}

.x-customer-bank-info-container.-v2, .x-deposit-bank-info-container.-v2 {
    width: 100%;
    padding: .8rem 1rem;
    border-radius: 5px;
    background-color: #ffe2d2;
    background-image: url(/assets/deposit-bank-info-bg.1b35fc4e.ab4095a4.png);
    background-size: cover;
    background-position: 100% 100%;
    background-repeat: no-repeat
}

.x-customer-bank-info-container.-v2 .media, .x-deposit-bank-info-container.-v2 .media {
    justify-content: center;
    align-items: center
}

.x-customer-bank-info-container.-v2 .media .-img, .x-deposit-bank-info-container.-v2 .media .-img {
    width: 60px;
    height: auto;
    margin-right: 10px
}

.x-customer-bank-info-container.-v2 .-content-wrapper, .x-deposit-bank-info-container.-v2 .-content-wrapper {
    display: flex;
    flex-direction: column;
    text-align: left
}

.x-customer-bank-info-container.-v2 .-content-wrapper .-name, .x-deposit-bank-info-container.-v2 .-content-wrapper .-name {
    font-size: .875rem;
    font-weight: 300;
    color: #606b7d
}

.x-customer-bank-info-container.-v2 .-content-wrapper .-number, .x-deposit-bank-info-container.-v2 .-content-wrapper .-number {
    font-size: 1.125rem;
    font-weight: 600;
    color: #29313e
}

.x-admin-contact {
    position: relative;
    margin-top: .5rem;
    padding: 5px 0;
    text-align: center
}

.x-text-with-link-component {
    font-size: .875rem
}

.x-text-with-link-component .-text-message {
    opacity: 1;
    color: #ddd
}

.x-admin-contact label {
    margin-bottom: 0
}

.x-text-with-link-component .-link-message {
    color: #ceb46f;
    opacity: 1
}

.table-dark-history {
    color: #fff !important
}

.bg-dark-table {
    background: var(--background-image-top-header)
}

.logo-profile-user-list {
    width: 34px
}

@media screen and (max-width: 460px) {
    .logo-profile-user-list {
        width: 24px
    }
}

.login-modal {
    color: var(--credit-bl-text)
}

.text-bg-color small {
    background: var(--bg-profile-box-overview) !important;
    border: 0px solid #222 !important;
    color: var(--text-color-input-group-signin) !important
}

.border-reward {
    border: 1px solid #db925f !important;
    border-radius: 10px;
    box-shadow: 1px 2px 5px 1px #db925f;
    transform: translateY(0);
    background: #302d3e
}

.border-reward-details {
    background: #0c0a15;
    border-radius: 5px
}

.border-reward-details-list {
    background: #302d3e;
    border-radius: 2px
}

.border-left-reward {
    border-left: solid;
    color: #f8a211
}

.reward-text-detail {
    color: #fff
}

.border-right-detail {
    border-right: solid;
    border-left: solid;
    color: #fff
}

.bg-popup-reward-exchange {
    background: var(--background-image-top)
}

.bg-text-a {
    background-color: #0000003b !important;
    color: #fff !important;
    border: 1px solid var(--input-group-bg) !important;
    border-radius: 1.375rem !important
}

.img-fit-card-game {
    width: 100%;
    height: auto;
    object-fit: cover
}

.align-self-center {
    align-self: center !important
}

.clip-title {
    width: 100%
}

.img-card-list {
    width: 30px;
    height: auto
}

.bg-card-button {
    background: #51515138;
    border-radius: 13px
}

.text-white-list {
    color: var(--credit-bl-text)
}

:root {
    --hue-load: 223;
    --bg-load: hsl(var(--hue-load), 90%, 95%);
    --fg-load: hsl(var(--hue-load), 90%, 5%);
    --trans-dur-load: .3s
}

.ip {
    width: 11em;
    height: 5em
}

.ip__track {
    stroke: hsl(var(--hue-load), 90%, 90%);
    transition: stroke var(--trans-dur-load)
}

.ip__worm1, .ip__worm2 {
    animation: worm1 2s linear infinite
}

.ip__worm2 {
    animation-name: worm2
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-load: hsl(var(--hue-load), 90%, 5%);
        --fg-load: hsl(var(--hue-load), 90%, 95%)
    }

    .ip__track {
        stroke: hsl(var(--hue-load), 90%, 15%)
    }
}

@keyframes worm1 {
    0% {
        stroke-dashoffset: 0
    }

    50% {
        animation-timing-function: steps(1);
        stroke-dashoffset: -358
    }

    50.01% {
        animation-timing-function: linear;
        stroke-dashoffset: 358
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes worm2 {
    0% {
        stroke-dashoffset: 358
    }

    50% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: -358
    }
}

.loading {
    text-align: center
}

.container-card {
    position: relative;
    width: 100%
}

.image-card {
    display: block;
    width: 100%;
    height: auto
}

.container-card:hover .overlay-card {
    opacity: 1
}

.black-filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.text-card-game-left {
    color: #fff
}

.circle-card-game {
    width: 100%;
    height: auto;
    object-fit: cover
}

@media screen and (max-width: 640px) {
    .circle-card-game {
        width: 100%;
        height: auto;
        object-fit: cover
    }
}

.font-open-card {
    font-size: 15px
}

.button-tab.active, .button-tab:disabled {
    cursor: default;
    background: var(--background-menu-active);
    opacity: 1;
    color: #fff
}

.button-tab {
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none;
    align-items: center;
    display: inline-flex;
    vertical-align: middle;
    justify-content: flex-start;
    font-weight: 600;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
    border: 2px solid transparent;
    color: var(--text-theme-footer);
    background-color: transparent
}

.button-tab_md {
    font-size: 14px;
    border-radius: 10px;
    padding: 8px 12px;
    border-radius: 3rem
}

.img-logo-promptpay {
    width: 50px;
    height: auto;
    border-radius: 5px
}

.card-promptpay {
    background: var(--bg-profile-box-overview) !important;
    padding: 30px 20px 80px 40px;
    border-radius: 3px
}

.p-detail-promptpay {
    padding: 0 45px
}

.text-left {
    text-align: left
}

.promptpay-border-radius {
    border-radius: 5px !important
}

@media screen and (max-width: 640px) {
    .card-promptpay {
        padding: 0;
        border-radius: 3px
    }

    .p-detail-promptpay {
        padding: 0 20px
    }
}

.card-body-promptpay {
    margin: 10px
}

.font-small-qtx-number {
    font-size: 11px
}

.card-2-promptpay {
    border-radius: 22px 22px 8px 8px !important;
    border: unset !important
}

.card-2-promptpay-header {
    background-color: #0a4d74 !important;
    border-radius: 22px 22px 0 0 !important
}

.bg-success-subtle {
    background-color: #d1e7dd
}

.bg-success-subtle .text {
    color: #0a3622;
    font-size: 12px
}

.img-generator-w {
    width: 300px;
    height: auto
}

.lang-type-bath {
    width: 35px
}

@media only screen and (max-width: 600px) {
    .img-generator-w {
        width: 100%;
        height: auto
    }

    .lang-type-bath {
        width: 17px
    }
}

.font-qtx-number {
    font-size: 22px;
    font-weight: 900;
    color: #000
}

.font-remark-number {
    font-size: 12px
}

.font-qtx-date-time {
    color: #4e8589
}

.remark-date-time {
    font-size: 17px
}

.font-details-qr-code {
    font-size: 13px !important;
    color: #0a3622 !important
}

.text-color-details {
    color: #0a3622 !important;
    font-size: 12px !important
}

.font-outline-button {
    font-size: 12px !important
}

.card-amount-qr {
    border-radius: 10px;
    text-align: center;
    padding: 12px 0;
    cursor: pointer;
    background: var(--background-image-top-header)
}

.w-100-qrcode {
    width: 100% !important;
    height: 250px !important;
    max-width: 250px !important
}

.bg-remark {
    background: var(--background-image-top) !important;
    margin: 5px;
    border-radius: 10px;
    padding: 10px
}

.modal-header {
    border-bottom: #f000 !important
}

.img_show_popup {
    width: 100%;
    border-radius: 10px
}

.ow {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto
}

.bg-popup-modal {
    background: #000000f7 !important
}

.sub-content-pr0 {
    border-radius: 5px;
    background: #404040;
    text-align: center;
    color: var(--text-theme-promotion)
}

.sub-content-button {
    border-radius: 5px;
    text-align: center;
    background: var(--v-login) !important
}

.sub-content-button-1 {
    border-radius: 5px;
    text-align: center;
    color: var(--text-theme-promotion);
    background: var(--v-login) !important
}

.text-color-promotion {
    color: var(--text-theme-promotion)
}

.text-white-v1-deposit {
    color: #fff
}

.bg-deposit-button {
    background: #00000026;
    border-radius: 2px
}

.color-list-promotion option {
    color: var(--text-color) !important
}

.text-font-title-deposit {
    font-size: 16px
}

@media screen and (max-width: 820px) {
    .text-font-title-deposit {
        font-size: 12px
    }
}

.form-not-input-deposit {
    border: 1px solid var(--input-group-bg-deposit) !important
}

.card-amount {
    background: var(--bg-footer-theme-a) !important;
    border-radius: 10px;
    text-align: center;
    padding: 12px 0;
    color: var(--text-theme);
    cursor: pointer
}

.card-amount {
    background: var(--bg-footer-theme-a) !important;
    border-radius: 10px;
    text-align: center;
    padding: 12px 0;
    cursor: pointer
}

.card-bank {
    background: var(--bg-profile-box-overview) !important;
    border-radius: 15px;
    padding: 10px 20px;
    font-weight: 400;
    color: #8f8e8e
}

.v-login-back {
    background: linear-gradient(180deg, #56ccf2, #2f80ed) !important;
    color: var(--v-login-color-back) !important;
    border-radius: 25px !important;
    border: 0px solid var(--background-border-bottom-back) !important;
    font-weight: 800 !important
}

img.img-deposit:hover {
    transform: scale(.9)
}

.img-deposit {
    transition: transform .3s
}

.tap-mission-started {
    border-radius: 3px
}

.started {
    background: var(--background-image-top) !important
}

.step-started-active {
    border-bottom: 1px solid #fff;
    background: var(--background-menu-marquee) !important
}

.border-radius-logo-games {
    width: 64px;
    border-radius: 13px
}

.border-details-mission {
    background: #f0ffff3b;
    border-radius: 8px
}

.scroll-data-jackpot {
    height: 370px;
    width: 100%;
    overflow-y: scroll
}

.border-radius-l-r {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.tap-mission {
    border-radius: 3px;
    background: var(--v-login) !important
}

.step-mission-active {
    border-bottom: 1px solid #fff
}

.box-content .sub-content {
    border-radius: 15px
}

.frame-deposit {
    background-color: #2161bd;
    padding: 11px;
    border-radius: 15px !important;
    font-size: 20px
}

.text-bg-white {
    background: #fff;
    color: #00f !important
}

.bg-popup-promotion {
    background: var(--background-image-top)
}

.class-img-qr {
    width: 200px;
    margin: 10px
}

.img-fit-card-game-privilege {
    border-radius: 13px
}

.bg-mission-button-privilege {
    background: var(--background-image-top-header);
    border-radius: 13px
}

.financial-button {
    background-color: #0003 !important;
    border-radius: 6px;
    box-shadow: inset 0 0 0 2px #98ffff
}

.img-financial-button {
    width: 50px;
    padding: 10px
}

.elementor-element-play {
    background: rgb(20 20 20);
    border-radius: 6px;
    box-shadow: inset 0 0 0 .5px #98ffff
}

.credit-bl-text {
    color: #cdbd99
}

.img-w-contact-icon {
    width: 40px
}

.bg-contact-reserve {
    background: var(--background-image-top-header);
    padding: 10px;
    color: var(--credit-bl-text);
    border-radius: 15px;
    box-shadow: var(--shadow-nav-link) !important
}

.text-contact-1 {
    color: var(--text-contact-1) !important
}

.img-ine_qrcode {
    display: block;
    width: 200px;
    margin: 0 auto
}

@media screen and (max-width: 640px) {
    .img-ine_qrcode {
        display: block;
        width: 100%;
        margin: 0 auto
    }
}

.border-ranking {
    background: var(--bg-profile-box-overview) !important;
    box-shadow: inset 0 0 0 .5px var(--box-overview-data);
    border-radius: 6px;
    padding: 20px
}

.border-line-ranking {
    margin: 0;
    border-bottom: 2px solid #e9c06129 !important
}

.number-count-1 {
    background: var(--number-count-1) !important;
    color: var(--active-text-pc);
    margin: 10px 10px 10px 0;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.number-count-2 {
    background: var(--number-count-2) !important;
    color: #000;
    margin: 10px 10px 10px 0;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.number-count-3 {
    background: var(--number-count-3) !important;
    color: var(--active-text-pc);
    margin: 10px 10px 10px 0;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.number-count-4 {
    background: unset !important;
    color: var(--active-text-pc);
    margin: 10px 10px 10px 0;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.font-w-ranking {
    font-weight: 900
}

.text-mute {
    color: #feb8007a;
    font-size: 12px
}

.active-tap-ranking {
    border: var(--border-solid-menu-active) !important;
    background: var(--background-menu-active) !important;
    box-shadow: var(--background-menu-active-shadow) !important;
    color: var(--text-theme-menu) !important
}

.active-tap-ranking-no {
    background: var(--tabs-control-pc) !important;
    border: var(--border-solid-menu-active) !important;
    box-shadow: var(--background-menu-active-shadow) !important;
    color: var(--text-theme-menu) !important
}

.colo-tap-ranking {
    color: var(--web-name-text) !important
}

.text-value-color-ranking {
    color: var(--web-name-text) !important;
    font-weight: 900
}

.w-scroll-height-ranking {
    width: 100%;
    height: auto;
    min-height: auto;
    max-height: auto;
    overflow-y: scroll
}

.border-ranking-filter {
    background: var(--bg-profile-box-overview) !important;
    box-shadow: inset 0 0 0 .5px var(--box-overview-data);
    border-radius: 6px;
    padding: 10px 20px
}

.img-ranking-count {
    width: 150px
}

@media (max-width: 915px) {
    .border-ranking-filter {
        background: var(--bg-profile-box-overview) !important;
        box-shadow: inset 0 0 0 .5px var(--box-overview-data);
        border-radius: 6px;
        padding: 5px
    }

    .img-ranking-count {
        width: 150px
    }

    .w-scroll-height-ranking {
        height: 429px;
        max-height: 429px;
        width: 100%;
        overflow-y: scroll
    }
}

.text-color-option, option {
    color: #000 !important
}

.border-filter-ranking {
    border-radius: .375rem;
    width: 100%
}

#dropdownMenuButton {
    color: #fff;
    border-color: #fff
}

#btn-linelogin:before {
    position: absolute;
    margin-left: -41px;
    font-size: 36px;
    top: -4px
}

#line-login:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%
}

#line-login:after {
    background: unset
}

#line-login:after {
    font-size: 18px;
    content: "\e2b\e23\e37\e2d";
    position: absolute;
    width: 80px;
    left: calc(50% - 40px);
    height: 100%;
    line-height: 300%
}

.btn-success {
    background-color: linear-gradient(180deg, rgba(187, 255, 137, 1) 0%, rgba(127, 248, 55, 1) 6%, rgba(0, 183, 13, 1) 52%, rgba(0, 183, 13, 1) 58%, rgba(36, 224, 49, 1) 82%, rgba(184, 255, 131, 1) 95%, rgba(36, 224, 49, 1) 100%) !important
}

.chat .chat__box[data-v-f6a27f5a] {
    height: auto
}

.box[data-v-f6a27f5a] {
    box-shadow: 0 3px 20px #0000000b;
    position: relative;
    border-radius: .375rem;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.flex-none[data-v-f6a27f5a] {
    flex: none
}

.w-16[data-v-f6a27f5a] {
    width: 4rem
}

.h-16[data-v-f6a27f5a] {
    height: 4rem
}

.rounded-full[data-v-f6a27f5a] {
    border-radius: 9999px
}

.items-center[data-v-f6a27f5a] {
    align-items: center
}

.overflow-y-scroll[data-v-f6a27f5a] {
    overflow-y: scroll
}

.flex-1[data-v-f6a27f5a] {
    flex: 1 1 0%
}

.flex-col[data-v-f6a27f5a] {
    flex-direction: column
}

.flex[data-v-f6a27f5a] {
    display: flex
}

.font-medium[data-v-f6a27f5a] {
    font-weight: 500
}

.text-slate-500[data-v-f6a27f5a] {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity))
}

.w-10[data-v-f6a27f5a] {
    width: 2.5rem
}

.h-10[data-v-f6a27f5a] {
    height: 2.5rem
}

.relative[data-v-f6a27f5a] {
    position: relative
}

.ml-3[data-v-f6a27f5a] {
    margin-left: .75rem
}

.mr-auto[data-v-f6a27f5a] {
    margin-right: auto
}

.border-slate-200\/60[data-v-f6a27f5a] {
    border-color: #e2e8f099
}

.border-b[data-v-f6a27f5a] {
    border-bottom: 1px solid;
    border-color: #e2e8f099
}

.pt-3[data-v-f6a27f5a] {
    padding-top: .75rem
}

.px-5[data-v-f6a27f5a] {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.border-t[data-v-f6a27f5a] {
    border-top: 1px solid;
    border-color: #e2e8f099
}

.chat .chat__box .chat__box__text-box[data-v-f6a27f5a] {
    max-width: 100%
}

.items-end[data-v-f6a27f5a] {
    align-items: flex-end
}

.float-left[data-v-f6a27f5a] {
    float: left
}

.float-right[data-v-f6a27f5a] {
    float: right
}

.mr-5[data-v-f6a27f5a] {
    margin-right: 1.25rem
}

.bg-slate-100[data-v-f6a27f5a] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

.rounded-t-md[data-v-f6a27f5a] {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-r-md[data-v-f6a27f5a] {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.clear-both[data-v-f6a27f5a] {
    clear: both
}

.pt-4[data-v-f6a27f5a] {
    padding-top: 1rem
}

.pb-10[data-v-f6a27f5a] {
    padding-bottom: 2.5rem
}

.chat .chat__box__input[data-v-f6a27f5a] {
    height: 46px
}

.shadow-none[data-v-f6a27f5a] {
    box-shadow: none !important
}

.form-control[data-v-f6a27f5a]::placeholder {
    --color-slate-400: 148 163 184;
    color: rgb(var(--color-slate-400) / .9) !important
}

.resize-none[data-v-f6a27f5a] {
    resize: none
}

.border-transparent[data-v-f6a27f5a] {
    border-color: transparent
}

.bottom-0[data-v-f6a27f5a] {
    bottom: 0px
}

.focus\:ring-0[data-v-f6a27f5a]:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:border-transparent[data-v-f6a27f5a]:focus {
    border-color: transparent
}

.flex-col-reverse[data-v-f6a27f5a] {
    flex-direction: column-reverse
}

.text-white-v1[data-v-f6a27f5a] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sm\:w-5[data-v-f6a27f5a] {
    width: 1.25rem
}

.sm\:h-5[data-v-f6a27f5a] {
    height: 1.25rem
}

.sm\:w-10[data-v-f6a27f5a] {
    width: 2.5rem
}

.sm\:h-10[data-v-f6a27f5a] {
    height: 2.5rem
}

.sm\:mr-5[data-v-5d4cffd4][data-v-f6a27f5a] {
    margin-right: 1.25rem
}

.opacity-0[data-v-f6a27f5a] {
    opacity: 0
}

.w-full[data-v-f6a27f5a] {
    width: 100%
}

.h-full[data-v-f6a27f5a] {
    height: 100%
}

.left-0[data-v-f6a27f5a] {
    left: 0px
}

.top-0[data-v-f6a27f5a] {
    top: 0px
}

.absolute[data-v-f6a27f5a] {
    position: absolute
}

@media (min-width: 640px) {
    .sm\:mr-5[data-v-f6a27f5a] {
        margin-right: 1.25rem
    }

    .sm\:w-5[data-v-f6a27f5a] {
        width: 1.25rem
    }

    .sm\:h-5[data-v-f6a27f5a] {
        height: 1.25rem
    }

    .sm\:w-10[data-v-f6a27f5a] {
        width: 2.5rem
    }

    .sm\:h-10[data-v-f6a27f5a] {
        height: 2.5rem
    }

    .sm\:mb-0[data-v-f6a27f5a] {
        margin-bottom: 0
    }

    .sm\:ml-0[data-v-f6a27f5a] {
        margin-left: 0
    }

    .sm\:static[data-v-f6a27f5a] {
        position: static
    }

    .sm\:py-4[data-v-f6a27f5a] {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm\:block[data-v-f6a27f5a] {
        display: block
    }

    .sm\:flex-row[data-v-f6a27f5a] {
        flex-direction: row
    }

    .sm\:px-0[data-v-f6a27f5a] {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:border-0[data-v-f6a27f5a] {
        border-width: 0px
    }

    .sm\:mt-0[data-v-f6a27f5a] {
        margin-top: 0
    }

    .sm\:ml-auto[data-v-f6a27f5a] {
        margin-left: auto
    }

    .sm\:mx-0[data-v-f6a27f5a] {
        margin-left: 0;
        margin-right: 0
    }
}

.main-chat-system h1[data-v-ba114daf] {
    margin: 0;
    font-size: 16px;
    line-height: 1
}

.main-chat-system button[data-v-ba114daf] {
    color: inherit;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    cursor: pointer
}

.main-chat-system button.chatbox-open[data-v-ba114daf] {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 52px;
    height: 52px;
    color: #fff;
    background-color: #0360a5;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 12px 15px 20px #2e3d4926;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    margin: 16px
}

.main-chat-system button.chatbox-close[data-v-ba114daf] {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 52px;
    height: 52px;
    color: #fff;
    background-color: #0360a5;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 12px 15px 20px #2e3d4926;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    margin: 16px 84px 16px 16px
}

.main-chat-system textarea[data-v-ba114daf] {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    height: 24px;
    padding: 0 8px;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    color: #888;
    background-color: none;
    border: 0;
    outline: 0 !important;
    resize: none;
    overflow: hidden
}

.main-chat-system textarea[data-v-ba114daf]::-moz-placeholder {
    color: #888
}

.main-chat-system textarea[data-v-ba114daf]:-ms-input-placeholder {
    color: #888
}

.main-chat-system textarea[data-v-ba114daf]::placeholder {
    color: #888
}

.chatbox-popup[data-v-ba114daf] {
    display: flex;
    position: fixed;
    box-shadow: 5px 5px 25px #2e3d4933;
    flex-direction: column;
    display: none;
    bottom: 84px;
    right: 16px;
    width: 377px;
    height: auto;
    background-color: #fff;
    border-radius: 16px;
    z-index: 99999
}

.chatbox-popup .chatbox-popup__header[data-v-ba114daf] {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 16px;
    color: #fff;
    background-color: #0360a5;
    align-items: center;
    justify-content: space-around;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

.chatbox-popup .chatbox-popup__header .chatbox-popup__avatar[data-v-ba114daf] {
    margin-top: -32px;
    background-color: #0360a5;
    border: 5px solid rgba(0, 0, 0, .1);
    border-radius: 50%
}

.chatbox-popup .chatbox-popup__main[data-v-ba114daf] {
    box-sizing: border-box;
    width: 100%;
    padding: 32px 16px;
    line-height: 24px;
    color: #888;
    text-align: center
}

.chatbox-popup .chatbox-popup__footer[data-v-ba114daf] {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 16px;
    border-top: 1px solid #ddd;
    align-items: center;
    justify-content: space-around;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.chatbox-panel[data-v-ba114daf] {
    display: flex;
    position: fixed;
    box-shadow: 5px 5px 25px #2e3d4933;
    flex-direction: column;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    width: 377px;
    background-color: #fff;
    z-index: 9999999
}

.chatbox-panel .chatbox-panel__header[data-v-ba114daf] {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 16px;
    color: #fff;
    background-color: #0360a5;
    align-items: center;
    justify-content: space-around;
    flex: 0 0 auto
}

.chatbox-panel .chatbox-panel__main[data-v-ba114daf] {
    box-sizing: border-box;
    width: 100%;
    padding: 32px 16px;
    line-height: 24px;
    color: #888;
    text-align: center;
    flex: 1 1 auto;
    height: 50%
}

.chatbox-panel .chatbox-panel__footer[data-v-ba114daf] {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 16px;
    border-top: 1px solid #ddd;
    align-items: center;
    justify-content: space-around;
    flex: 0 0 auto
}

.box[data-v-ba114daf] {
    position: relative;
    border-radius: .375rem;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.flex-none[data-v-ba114daf] {
    flex: none
}

.w-16[data-v-ba114daf] {
    width: 4rem
}

.h-16[data-v-ba114daf] {
    height: 4rem
}

.rounded-full[data-v-ba114daf] {
    border-radius: 9999px
}

.items-center[data-v-ba114daf] {
    align-items: center
}

.overflow-y-scroll[data-v-ba114daf] {
    overflow-y: scroll
}

.flex-1[data-v-ba114daf] {
    flex: 1 1 0%
}

.flex-col[data-v-ba114daf] {
    flex-direction: column
}

.flex[data-v-ba114daf] {
    display: flex
}

.font-medium[data-v-ba114daf] {
    font-weight: 500
}

.text-slate-500[data-v-ba114daf] {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity))
}

.w-10[data-v-ba114daf] {
    width: 2.5rem
}

.h-10[data-v-ba114daf] {
    height: 2.5rem
}

.relative[data-v-ba114daf] {
    position: relative
}

.ml-3[data-v-ba114daf] {
    margin-left: .75rem
}

.mr-auto[data-v-ba114daf] {
    margin-right: auto
}

.border-slate-200\/60[data-v-ba114daf] {
    border-color: #e2e8f099
}

.border-b[data-v-ba114daf] {
    border-bottom: 1px solid;
    border-color: #e2e8f099
}

.pt-3[data-v-ba114daf] {
    padding-top: .75rem
}

.px-5[data-v-ba114daf] {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.border-t[data-v-ba114daf] {
    border-top: 1px solid;
    border-color: #e2e8f099
}

.chat .chat__box .chat__box__text-box[data-v-ba114daf] {
    max-width: 100%
}

.chatbox-panel .chatbox-panel__main .chat__box[data-v-ba114daf] {
    height: 100%
}

.items-end[data-v-ba114daf] {
    align-items: flex-end
}

.float-left[data-v-ba114daf] {
    float: left
}

.float-right[data-v-ba114daf] {
    float: right
}

.mr-5[data-v-ba114daf] {
    margin-right: 1.25rem
}

.bg-slate-100[data-v-ba114daf] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

.rounded-t-md[data-v-ba114daf] {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-r-md[data-v-ba114daf] {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.clear-both[data-v-ba114daf] {
    clear: both
}

.pt-4[data-v-ba114daf] {
    padding-top: 1rem
}

.pb-10[data-v-ba114daf] {
    padding-bottom: 2.5rem
}

.chat .chat__box__input[data-v-ba114daf] {
    height: 46px
}

.shadow-none[data-v-ba114daf] {
    box-shadow: none !important
}

.form-control[data-v-ba114daf]::placeholder {
    --color-slate-400: 148 163 184;
    color: rgb(var(--color-slate-400) / .9) !important
}

.resize-none[data-v-ba114daf] {
    resize: none
}

.border-transparent[data-v-ba114daf] {
    border-color: transparent
}

.bottom-0[data-v-ba114daf] {
    bottom: 0px
}

.flex-col-reverse[data-v-ba114daf] {
    flex-direction: column-reverse
}

.text-white-v1[data-v-ba114daf] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sm\:w-5[data-v-ba114daf] {
    width: 1.25rem
}

.sm\:h-5[data-v-ba114daf] {
    height: 1.25rem
}

.sm\:w-10[data-v-ba114daf] {
    width: 2.5rem
}

.sm\:h-10[data-v-ba114daf] {
    height: 2.5rem
}

.sm\:mr-5[data-v-5d4cffd4][data-v-ba114daf] {
    margin-right: 1.25rem
}

.opacity-0[data-v-ba114daf] {
    opacity: 0
}

.w-full[data-v-ba114daf] {
    width: 100%
}

.h-full[data-v-ba114daf] {
    height: 100%
}

.left-0[data-v-ba114daf] {
    left: 0px
}

.top-0[data-v-ba114daf] {
    top: 0px
}

.absolute[data-v-ba114daf] {
    position: absolute
}

@media (min-width: 640px) {
    .sm\:mr-5[data-v-ba114daf] {
        margin-right: 1.25rem
    }

    .sm\:w-5[data-v-ba114daf] {
        width: 1.25rem
    }

    .sm\:h-5[data-v-ba114daf] {
        height: 1.25rem
    }

    .sm\:w-10[data-v-ba114daf] {
        width: 2.5rem
    }

    .sm\:h-10[data-v-ba114daf] {
        height: 2.5rem
    }

    .sm\:mb-0[data-v-ba114daf] {
        margin-bottom: 0
    }

    .sm\:ml-0[data-v-ba114daf] {
        margin-left: 0
    }

    .sm\:static[data-v-ba114daf] {
        position: static
    }

    .sm\:py-4[data-v-ba114daf] {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm\:block[data-v-ba114daf] {
        display: block
    }

    .sm\:flex-row[data-v-ba114daf] {
        flex-direction: row
    }

    .sm\:px-0[data-v-ba114daf] {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:border-0[data-v-ba114daf] {
        border-width: 0px
    }

    .sm\:mt-0[data-v-ba114daf] {
        margin-top: 0
    }

    .sm\:ml-auto[data-v-ba114daf] {
        margin-left: auto
    }

    .sm\:mx-0[data-v-ba114daf] {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 769px) {
    .main-chat-system button.chatbox-open[data-v-ba114daf], .main-chat-system button.chatbox-close[data-v-ba114daf] {
        bottom: 100px
    }

    .chatbox-popup[data-v-ba114daf] {
        bottom: 190px
    }
}

@media (max-width: 415px) {
    .chatbox-minimize[data-v-ba114daf] {
        display: none
    }

    .chatbox-panel[data-v-ba114daf] {
        width: 100%
    }
}

.css-126xj0f {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

/* body, div, li, a {
    font-family: Athiti, sans-serif;
    font-family: IBM Plex Sans Thai, sans-serif;
    font-family: Kanit, sans-serif;
    font-family: Noto Sans Thai, sans-serif;
    font-family: Open Sans, sans-serif;
    font-family: Prompt, sans-serif
} */

.-tags .btn:hover {
    border-color: #eb77cf !important;
    color: #eb77cf !important
}

@media (max-width: 991.98px) {
    .x-main-container {
        flex-direction: column
    }
}

#main__content {
    padding-top: 75px
}

@media (max-width: 991.98px) {
    #main__content {
        padding-top: 65px
    }
}

.x-main-container .x-main-content {
    flex: 1;
    width: calc(100% - 250px)
}

@media (max-width: 1480px) {
    .x-main-container .x-main-content {
        width: calc(100% - 200px)
    }
}

@media (max-width: 991.98px) {
    .x-main-container .x-main-content {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .x-main-container .x-main-content.bg-positoin-footer {
        padding-bottom: 0
    }
}

.x-index-top-container {
    padding-top: 0;
    padding-bottom: 0;
    background-size: contain;
    background-position: top;
    background-repeat: repeat;
    overflow: hidden
}

.x-index-top-container .-menu-index-page {
    display: none
}

@media (max-width: 575.98px) {
    .x-index-top-container .-menu-index-page {
        display: block;
        flex: 0 0 88px
    }
}

@media (max-width: 991.98px) {
    .x-index-top-container .-menu-index-page {
        display: block;
        flex: 0 0 20%;
        transition: all .4s;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        height: -webkit-fill-available
    }
}

@media (max-width: 575.98px) {
    .x-index-top-container .-index-inner-wrapper .-heading-wrapper {
        padding: .4rem .25rem
    }
}

@media (max-width: 767.98px) {
    .x-index-top-container .-index-inner-wrapper .-heading-wrapper {
        padding: .4rem
    }
}

@media (max-width: 991.98px) {
    .x-menu-provider {
        padding-bottom: 1rem
    }

    .x-menu-provider .nav-menu {
        width: auto;
        background: transparent
    }
}

@media (max-width: 991.98px) {
    .x-index-top-container .-index-inner-wrapper .-heading-wrapper {
        padding: .4rem 2rem;
        background-color: transparent
    }
}

.x-index-top-container .-index-inner-wrapper .-heading-wrapper {
    padding: 1rem 2rem
}

@media screen and (max-width: 390px) {
    .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-paragraph, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-sub-title, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-title {
        font-size: .75rem
    }
}

@media (max-width: 767.98px) {
    .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-paragraph, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-sub-title, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-title {
        font-size: .875rem
    }
}

@media (max-width: 991.98px) {
    .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-paragraph, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-sub-title, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-title {
        text-align: center;
        font-size: 1rem
    }
}

.x-index-top-container .-index-inner-wrapper .-heading-wrapper .-paragraph, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-sub-title, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-title {
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 300
}

#main__content:not(.x-test-mode) {
    padding-top: 0
}

.x-main-container {
    display: flex
}

.x-main-container .x-main-side-bar {
    flex: 0 0 auto;
    width: 135px;
    min-width: 135px
}

@media (max-width: 991.98px) {
    .x-main-container .x-main-side-bar {
        display: none
    }
}

.x-menu-provider.-desktop-view {
    position: fixed;
    top: 0;
    left: 0;
    width: 135px;
    height: 100vh;
    overflow: hidden
}

.x-menu-provider.-desktop-view .nav-menu {
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    transition: all .4s;
    z-index: 1
}

@media (min-width: 992px) {
    .x-menu-provider.-desktop-view .nav-menu {
        flex-direction: column;
        justify-content: space-between;
        overflow-y: auto;
        transition: all .4s;
        z-index: 1
    }
}

.x-menu-provider .nav-menu {
    display: flex;
    width: 100%;
    height: 100%;
    transition: all .4s
}

.x-menu-provider .-nav-menu-container {
    width: 100%;
    flex-direction: column;
    align-items: center;
    transition: all .4s;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 97px
}

@media (max-width: 991.98px) {
    .x-menu-provider .-nav-menu-container {
        padding-top: 0;
        background: transparent;
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.x-menu-provider .-contact-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.x-menu-provider .nav-link.active, .x-menu-provider .nav-link:focus {
    background: linear-gradient(180deg, #79c1f4, #4300d2);
    box-shadow: 0 4px 4px #00000040
}

.x-menu-provider .nav-link {
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 4px 4px #00000040;
    border-radius: 14px;
    border: none;
    color: #fffc;
    padding: .75rem 1rem;
    transition: all .4s
}

@media (max-width: 991.98px) {
    .x-menu-provider .nav-link {
        display: flex;
        flex-direction: column;
        flex: 1
    }
}

.x-menu-provider .nav-link.active .-ic-menu, .x-menu-provider .nav-link:focus .-ic-menu {
    mix-blend-mode: normal
}

.x-menu-provider .nav-link .-ic-menu {
    width: 47px
}

@media (max-width: 991.98px) {
    .x-menu-provider .nav-link .-ic-menu {
        width: 46px
    }
}

@media (max-width: 740px) {
    .x-menu-provider .nav-link .-ic-menu {
        width: 49px
    }
}

.x-menu-provider .nav-link .-text-provider-wrapper {
    display: flex;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .x-menu-provider .nav-link .-text-provider-wrapper {
        margin-left: 0
    }
}

@media (max-width: 1480px) {
    .x-menu-provider .nav-link .-text-provider-wrapper {
        margin-left: 0rem
    }
}

.x-menu-provider .nav-link .-text-nav-menu.-title {
    display: block;
    font-size: .875rem;
    font-weight: 400
}

.x-menu-provider .nav-link .-text-nav-menu.-title-active {
    display: block;
    font-size: .875rem;
    font-weight: 400;
    color: var(--active-color-menu)
}

.nav-link:hover {
    display: block;
    font-weight: 400;
    color: var(--active-color-menu) !important
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--active-color-menu) !important
}

.x-menu-provider .nav-link .-text-nav-menu.-title-trans {
    display: block;
    color: #fff;
    font-size: .875rem;
    font-weight: 300
}

.x-menu-provider .nav-link .-text-nav-menu.-title-mobile {
    display: none;
    font-size: .875rem;
    font-weight: 300;
    color: var(--text-theme-menu-no-active)
}

@media (max-width: 575.98px) {
    .x-menu-provider .nav-link .-text-nav-menu.-title-mobile {
        transition: all .4s;
        font-size: .75rem;
        color: var(--text-theme-menu-no-active)
    }
}

@media (max-width: 991.98px) {
    .x-menu-provider .nav-link .-text-nav-menu.-title-mobile {
        display: block
    }
}

@media (max-width: 991.98px) {
    .x-menu-provider .nav-link .-text-nav-menu.-title, .x-menu-provider .nav-link .-text-nav-menu.-title-trans {
        display: none
    }
}

@media (max-width: 1480px) {
    .x-menu-provider .nav-link .-text-nav-menu.-title, .x-menu-provider .nav-link .-text-nav-menu.-title-trans {
        font-size: 12px;
        color: var(--text-theme-menu)
    }
}

@media (max-width: 1024px) {
    .x-menu-provider .nav-link {
        padding: var(--menu-left-mobile-nav-link-1024)
    }
}

@media (max-width: 575.98px) {
    .x-menu-provider .nav-link {
        padding: var(--menu-left-mobile-nav-link)
    }
}

@media (max-width: 360px) {
    .x-menu-provider .nav-link {
        padding: var(--menu-left-mobile-nav-link-360)
    }
}

.x-menu-provider .nav-item {
    width: 100%
}

.navbar-expand>.container, .navbar-expand>.container-fluid {
    flex-wrap: nowrap
}

.navbar-expand>.container, .navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar, .navbar>.container, .navbar>.container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.x-header #headerBrand {
    display: flex;
    align-items: center
}

.x-hamburger {
    margin-right: 15px;
    width: 25px;
    height: 24px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}

.x-hamburger span:first-child, .x-hamburger span:nth-child(2) {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.x-hamburger span:first-child {
    top: 0;
    -webkit-animation: x-hamburger-wave .4s ease-out infinite alternate;
    animation: x-hamburger-wave .4s ease-out infinite alternate
}

.navbar {
    position: relative;
    padding: .5rem 1rem !important
}

.x-hamburger span {
    width: 70%;
    display: block;
    position: absolute;
    height: 3px;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0);
    transition: .25s ease-in-out
}

.x-logged {
    display: flex;
    align-items: center
}

.x-logged .-deposit-container, .x-logged .-withdraw-container {
    padding: 0 .25rem
}

.btn.-btn-deposit {
    padding: .5em 1.5em;
    background: var(--v-login) !important;
    border-radius: 8px;
    box-shadow: 0 2px 4px #0000001f, 0 1px 2px #ece9e93d;
    color: var(--btn-deposit-text)
}

.btn.-btn-withdraw {
    padding: .5em 1.5em;
    background: var(--bg-menu-popup-modal) !important;
    border-radius: 8px;
    box-shadow: 0 2px 4px #0000001f, 0 1px 2px #ece9e93d;
    color: var(--btn-withdraw-text)
}

.x-logged .-profile-container {
    margin-left: 1rem
}

.x-logged .-profile-container .-btn-mobile-wrapper, .x-logged .-profile-container .-btn-wrapper {
    display: flex;
    align-items: center
}

.x-menu-account-list-sidebar.-open {
    right: 0
}

@media (max-width: 1199.98px) {
    .x-menu-account-list-sidebar {
        display: block;
        min-width: 110px
    }
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-lists-outer-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 991.98px) {
    .x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .x-profile-image {
        margin-top: -.75rem
    }
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .fas {
    color: #f2f2f2
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .x-profile-image .-profile-image {
    width: 60px
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .-balance-container {
    flex-direction: column;
    color: #f2f2f2;
    padding: .25rem 0;
    margin: auto 0
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .-balance-container .-user-balance #customer-balance {
    font-weight: 500
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .-balance-container .-amount {
    color: #fff
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .-balance-container .-text-username {
    display: block;
    font-size: 1.25rem;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .-balance-container .-text-username {
        font-size: 1.125rem
    }
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .-balance-container .-user-balance {
    margin-top: .5rem;
    margin-right: 0;
    padding: .25rem .5rem .25rem 2.2rem;
    background: #424867
}

.x-logged .-balance-container .-user-balance {
    position: relative;
    display: flex;
    align-items: center;
    padding: .1rem .5rem .2rem 1.75rem;
    background: #4248676e;
    border-radius: 30px
}

@media (max-width: 991.98px) {
    .x-logged .-balance-container .-user-balance {
        padding: 0;
        background: transparent
    }
}

.x-menu-account-list-sidebar {
    display: none;
    position: fixed;
    right: -100%;
    top: 0;
    height: 100%;
    min-width: 280px;
    z-index: 60;
    text-align: center;
    transition: right .3s
}

.x-logged .-profile-container .-inner-wrapper {
    text-align: right;
    margin-right: 10px
}

@media (max-width: 575.98px) {
    .x-logged .-profile-container .-inner-wrapper {
        padding: 0 5px 1px
    }
}

@media (max-width: 991.98px) {
    .x-logged .-profile-container .-inner-wrapper {
        margin-right: -1.5rem;
        padding: 0 5px 1px;
        background: hsla(0, 0%, 100%, .1);
        border-radius: 8px
    }
}

.x-logged .-balance-container {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 991.98px) {
    .x-logged .-balance-container {
        margin-top: -2px;
        margin-right: 27px
    }
}

.x-logged .-balance-container .-text-username {
    display: none
}

.x-logged .-balance-container .-ic-coin {
    position: absolute;
    top: 50%;
    left: -8px;
    width: 30px;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 991.98px) {
    .x-logged .-balance-container .-ic-coin {
        display: none
    }
}

@media (max-width: 991.98px) {
    .x-logged .-balance-container .-amount {
        color: #eb77cf;
        font-size: 11px
    }
}

.x-logged .-balance-container .-amount {
    font-weight: 500;
    color: #fff
}

.x-logged .-balance-container .-btn-balance {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: transparent;
    border: none;
    padding: 0 .55rem
}

.x-menu-account-list-sidebar .x-modal-account-menu-mobile .-modal-profile-mobile .-balance-container .-user-balance .-btn-balance .fas {
    color: #f2f2f2
}

.x-logged .-profile-container .x-profile-image .-profile-image {
    width: 33px
}

.x-transaction-button-v2.-in-sidebar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem 0;
    width: 48%;
    border-radius: 10px
}

.x-transaction-button-v2.-in-sidebar .-icon {
    margin-right: 3px;
    width: 35px;
    height: 35px
}

.x-transaction-button-v2.-in-sidebar .-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.x-transaction-button-v2.-deposit .-title {
    color: #fafafa
}

.x-menu-provider .nav-item.-btn-register-container {
    display: block
}

.x-menu-provider .nav-item {
    width: 100%;
    margin-bottom: 15px
}

.btn.x-btn-register {
    box-shadow: inset 0 0 2px #0000007f;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    transition: all .4s
}

.btn.x-btn-register:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px #fcd341;
    -webkit-animation: x-register-glow-before 1s infinite alternate;
    animation: x-register-glow-before 1s infinite alternate;
    border-radius: 5px
}

.btn.x-btn-register .-img {
    width: 100%
}

.btn.x-btn-register .-text-wrapper {
    height: 77%;
    width: 93%;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn.x-btn-register:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 13px 3px #fcd341;
    border-radius: 5px;
    -webkit-animation: x-register-glow-after 1s infinite alternate;
    animation: x-register-glow-after 1s infinite alternate
}

.btn.x-btn-register .-text-wrapper .-text {
    display: inline-block;
    color: #fff;
    background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #edba04), to(#fff));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: x-shimmer-short;
    animation-name: x-shimmer-short
}

.btn.x-btn-login {
    box-shadow: inset 0 0 2px #0000007f;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    transition: all .4s
}

.btn.x-btn-login:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px #fcd341;
    -webkit-animation: x-register-glow-before 1s infinite alternate;
    animation: x-register-glow-before 1s infinite alternate;
    border-radius: 5px
}

.btn.x-btn-login .-img {
    width: 200px
}

.btn.x-btn-login .-text-wrapper {
    height: 77%;
    width: 93%;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn.x-btn-login:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 13px 3px #43b6f4;
    border-radius: 5px;
    -webkit-animation: x-register-glow-after 1s infinite alternate;
    animation: x-register-glow-after 1s infinite alternate
}

.btn.x-btn-login .-text-wrapper .-text {
    display: inline-block;
    color: #fff;
    background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #edba04), to(#fff));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: x-shimmer-short;
    animation-name: x-shimmer-short
}

@keyframes fadeInUp {
    0% {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translatex(0, 40px, 0);
        -moz-transform: translatex(0, 40px, 0);
        -o-transform: translatex(0, 40px, 0);
        transform: translatex(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0, 0, 0);
        -moz-transform: translatex(0, 0, 0);
        -o-transform: translatex(0, 0, 0);
        transform: translatex(0, 0, 0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translatex(0, 40px, 0);
        -moz-transform: translatex(0, 40px, 0);
        -o-transform: translatex(0, 40px, 0);
        transform: translatex(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0, 0, 0);
        -moz-transform: translatex(0, 0, 0);
        -o-transform: translatex(0, 0, 0);
        transform: translatex(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translate(-100px)
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translate(0)
    }
}

.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-duration: .5s;
    animation-delay: .5s
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.x-modal-account-menu .navbar-nav .nav-item.active, .x-modal-account-menu .navbar-nav .nav-item:hover {
    background: linear-gradient(180deg, #fbc844, #f88012)
}

.x-modal-account-menu .navbar-nav .nav-item {
    margin-bottom: .5rem;
    border-radius: 14px
}

.x-modal-account-menu .navbar-nav .nav-item.-account-bill-history button, .x-modal-account-menu .navbar-nav .nav-item.-account-profile button, .x-modal-account-menu .navbar-nav .nav-item.-account-provider button, .x-modal-account-menu .navbar-nav .nav-item.-coupon button, .x-modal-account-menu .navbar-nav .nav-item.-join-promotion button, .x-modal-account-menu .navbar-nav .nav-item.-logout button, .x-modal-account-menu .navbar-nav .nav-item.-promotion-return-by-user button {
    width: 100%;
    border: none;
    background: transparent
}

.x-modal-account-menu .navbar-nav .nav-item .nav-link {
    border-radius: 14px;
    padding: .85rem .75rem;
    display: flex;
    color: #f2f2f2
}

.x-modal.-v2 .-modal-main-account .-modal-content .-modal-body .-layout-account {
    border-radius: 14px;
    background-color: transparent;
    width: 100%;
    padding: 1rem 1.5rem 1.5rem
}

.x-modal-account-menu .navbar-nav .nav-item .nav-link .-text-menu {
    margin: auto 0 auto .5rem;
    font-size: .9375rem;
    font-weight: 300
}

.modal-dialog {
    display: flex;
    flex-direction: row
}

.text-red {
    color: red
}

.x-login-form {
    padding: 0 2rem 1.5rem
}

.x-modal-separator-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.x-login-form .-img-container {
    margin-top: .25rem;
    color: var(--text-menu-bottom) !important
}

.x-login-form .-img-container .-ic-login {
    width: 65px;
    color: var(--text-menu-bottom) !important
}

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto
}

.input-group {
    height: 42px
}

.input-group-black {
    height: 41px
}

#registerModal .btn.-submit.disabled, #registerModal .btn.-submit[disabled] {
    background: linear-gradient(180deg, #00a9f4, #0060b0)
}

#registerModal .btn.-submit {
    background: linear-gradient(180deg, #1bb9ff, #0075d6);
    color: #fafafa
}

.x-login-form .x-reset-pw-text-container.-v2 {
    margin: .5rem auto;
    text-align: center
}

.x-login-form .x-reset-pw-text-container {
    width: 100%;
    margin: .75rem auto 1.5rem;
    text-align: right
}

.x-login-form .x-reset-pw-text-container.-v2 a {
    color: #bf9a5d;
    text-decoration: none
}

#loginModal .btn.-submit, #loginModal .btn.-submit.disabled, #loginModal .btn.-submit[disabled] {
    background: linear-gradient(180deg, #1bb9ff, #0075d6)
}

#loginModal .btn.-submit {
    color: #fafafa
}

.x-modal.-v2 .-modal-content .-modal-body .-submit {
    background: linear-gradient(180deg, #1bb9ff, #0075d6);
    text-shadow: none;
    border-radius: 6px
}

.x-modal .-modal-content .-modal-body .-submit {
    width: 100%;
    padding: .8rem 2.5rem;
    color: #fff;
    border-radius: 9px;
    font-weight: 300;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
    background-size: cover;
    background-position: 50%;
    -webkit-filter: saturate(1.5);
    filter: saturate(1.5);
    transition: all .2s ease-in-out
}

.x-modal-separator-container .-bottom {
    position: relative;
    z-index: 1
}

.x-admin-contact {
    position: relative;
    margin-top: .5rem;
    padding: 5px 0;
    text-align: center
}

.x-text-with-link-component {
    font-size: .875rem
}

.x-text-with-link-component .-text-message {
    opacity: 1;
    color: #ddd
}

@media (max-width: 991.98px) {
    .x-main-side-bar-profiles {
        display: none
    }
}

.scroll-menuview {
    height: auto;
    overflow-y: auto
}

.x-modal-account-menu {
    min-width: 200px;
    margin-right: 1rem
}

.x-theme-switcher-v2 .-inner-header-section {
    margin: 1.25rem 0
}

.x-theme-switcher-v2 .-inner-top-body-section {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.x-theme-switcher-v2 .-inner-top-body-section .-wrapper-box {
    padding: .5rem
}

.x-theme-switcher-v2 .-btn-item.-horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding: .75rem;
    justify-content: center
}

.x-transaction-button-v2.-withdraw {
    box-shadow: inset 0 4px 10px #ffffffbf;
    background: var(--bg-menu-popup-modal) !important
}

.x-theme-switcher-v2 .-btn-item.-top-btn {
    min-height: 100px
}

.x-theme-switcher-v2 .-btn-item {
    transition: all .4s;
    width: 100%;
    border-radius: 10px;
    flex: 1
}

.x-transaction-button-v2.-deposit {
    box-shadow: inset 0 4px 10px #ffffffbf;
    background: var(--deposit-bg-popup)
}

.x-theme-switcher-v2 .-btn-item.-horizontal .-icon-image {
    margin-right: .5rem
}

.x-theme-switcher-v2 .-btn-item.-horizontal .-icon-image {
    width: 40px
}

.base-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 100
}

.close-icon {
    float: right;
    top: 9px;
    z-index: 99999;
    border-radius: 25px;
    right: 15px;
    background: red;
    position: absolute;
    padding: 10px;
    height: 44px;
    width: 46px
}

@media screen and (max-width: 640px) {
    .close-icon {
        float: right;
        top: 23px;
        border-radius: 25px;
        right: 8px;
        background: red;
        position: absolute;
        padding: 10px;
        height: 44px;
        width: 46px
    }
}

.close {
    @apply absolute;
    top: 5%;
    right: 5%;
    cursor: pointer
}

.close i {
    text-shadow: none;
    color: #ea7472
}

.close-img {
    width: 25px
}

.modal-dialog {
    max-width: 100%
}

.modal-content {
    background-color: unset;
    border-radius: unset !important;
    border: unset !important
}

.close-model-head {
    float: right;
    position: absolute;
    top: -2%;
    right: 16px;
    color: #6f6ac5
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
    height: inherit
}

.x-modal-account-security-tabs.-v2 {
    margin-bottom: 1rem
}

.x-modal-account-security-tabs {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px
}

.x-modal-account-security-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    overflow: hidden
}

.x-modal-account-security-tabs .-btn.-active {
    background: transparent;
    color: #fff
}

.x-modal-account-security-tabs.-v2 .-btn {
    font-weight: 300;
    color: #fafafa;
    background: linear-gradient(180deg, #23214a, #373476)
}

.x-modal-account-security-tabs .-btn {
    flex: 1;
    padding: 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(180deg, #0c1a2f, #152843);
    border: none;
    outline: none;
    text-align: center;
    transition: background-color .2s
}

.-modal-content-profile {
    border: 2px solid #9ee2fe !important;
    border-radius: 15px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.js-modal-account-security-tab-button:hover {
    background: linear-gradient(180deg, #23214a, #373476) !important
}

@media screen and (max-width: 3200px) {
    .login-auth {
        font-size: auto !important;
    }

    .pl-2-1 {
        padding-left: 19px !important;
        padding-right: 20px !important
    }

    .register-auth {
        font-size: auto !important;
    }
}

@media screen and (max-width: 640px) {
    .login-auth {
        font-size: 14px !important
    }

    .register-auth {
        font-size: 14px !important;
        margin-right: 7px !important
    }

    .pl-2-1 {
        padding-left: 19px !important;
        padding-right: 20px !important
    }
}

@media screen and (max-width: 561px) {
    .login-auth {
        font-size: 14px !important
    }
}

@media screen and (max-width: 390px) {
    .login-auth {
        font-size: 11px !important
    }
}

@media screen and (max-width: 412px) {
    .login-auth {
        font-size: 11px !important
    }
}

@media screen and (max-width: 375px) {
    .login-auth {
        font-size: 9px !important
    }
}

@media screen and (max-width: 360px) {
    .login-auth {
        font-size: 10px !important
    }

    .pl-2-1 {
        padding-left: 19px !important;
        padding-right: 20px !important
    }
}

@media screen and (max-width: 300px) {
    .login-auth {
        font-size: 6px !important
    }

    .pl-2-1 {
        padding-left: 19px !important;
        padding-right: 20px !important
    }
}

.js-focus-visible {
    outline: none !important
}

.text-success-logo {
    color: #00b900 !important
}

.navbar-web {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    height: 75px;
    background-image: var(--background-image-top);
    flex-direction: column
}

@media (min-width: 1200px) {
    .navbar-web #headerBrand .-branding-inner-wrapper {
        align-items: center
    }
}

.navbar-web #headerBrand .-branding-inner-wrapper {
    display: flex
}

.navbar-web .navbar-brand {
    display: flex;
    align-items: center
}

.navbar-web .navbar-brand .-logo {
    width: 150px;
    height: auto
}

@media (max-width: 575.98px) {
    .navbar-web .navbar-brand .-logo {
        width: 90px
    }
}

@media (max-width: 991.98px) {
    .navbar-web .navbar-brand .-logo {
        width: 110px
    }
}

.navbar-web #headerContent {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.navbar-web .-menu-wrapper.-logged {
    margin-right: 1.5rem
}

.navbar-web .-menu-wrapper {
    margin-right: 1rem
}

.navbar-web .-menu-wrapper .nav-item:not(:last-child) .nav-link {
    margin-right: .5rem
}

.navbar-web .-menu-wrapper .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    min-width: 90px;
    height: calc(100% + 5px);
    padding: .5rem;
    text-align: center;
    color: #f2f2f2;
    background: linear-gradient(180deg, #2b4381, #1f0a5a);
    transition: .3s;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px
}

@media (max-width: 991.98px) {
    .navbar-web .-menu-wrapper {
        display: none
    }
}

.navbar-web .-menu-wrapper .nav-link .-img-wrapper {
    position: relative
}

.navbar-web .-menu-wrapper .nav-link .-img-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 80%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(83, 146, 234, .5) 0, rgba(7, 72, 164, 0) 100%);
    opacity: 0;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    transition: all .2s ease-in-out
}

.navbar-web .-menu-wrapper .nav-link.-movie .-icon, .navbar-web .-menu-wrapper .nav-link.-sood .-icon {
    max-height: 40px;
    margin-bottom: 5px
}

.navbar-web .-menu-wrapper .nav-link .-icon {
    position: relative;
    width: auto;
    max-height: 36px;
    margin-bottom: 8px
}

.navbar-web .-menu-wrapper .nav-link .-text {
    font-size: .875rem
}

.x-header {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    height: 75px;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .x-header {
        height: 65px;
        padding: .25rem 1rem
    }
}

@media (min-width: 1200px) {
    .x-header #headerBrand .-branding-inner-wrapper {
        align-items: center
    }
}

.x-header #headerBrand .-branding-inner-wrapper {
    display: flex;
    margin-left: 1rem;
}

.navbar-brand {
    margin-right: 0 !important
}

.x-header .navbar-brand {
    display: flex;
    align-items: center
}

.x-header .navbar-brand .-logo {
    width: 150px;
    height: auto
}

@media (max-width: 575.98px) {
    .x-header .navbar-brand .-logo {
        width: 90px
    }
}

@media (max-width: 991.98px) {
    .x-header .navbar-brand .-logo {
        width: 110px
    }
}

.x-header #headerContent {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.x-header .-menu-wrapper.-logged {
    margin-right: 1.5rem
}

.x-header .-menu-wrapper {
    margin-right: 1rem
}

.x-header .-menu-wrapper .nav-item:not(:last-child) .nav-link {
    margin-right: .5rem
}

@media (max-width: 991.98px) {
    .x-header .-menu-wrapper {
        display: none
    }
}

.x-header .-menu-wrapper .nav-link .-img-wrapper {
    position: relative
}

.x-header .-menu-wrapper .nav-link .-img-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 80%;
    opacity: 0;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%)
}

.x-header .-menu-wrapper .nav-link.-movie .-icon, .x-header .-menu-wrapper .nav-link.-sood .-icon {
    max-height: 40px;
    margin-bottom: 5px
}

.x-header .-menu-wrapper .nav-link .-icon {
    position: relative;
    width: auto;
    max-height: 40px;
    margin-bottom: -12px
}

.x-header .-menu-wrapper .nav-link .-text {
    font-size: 12px
}

.menu_icon {
    margin: auto;
    z-index: 10;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 0;
    top: -13px
}

.menu_icon span {
    position: absolute;
    display: block;
    height: 4px;
    width: 60px;
    background-color: var(--menu_icon) !important;
    border-radius: 9px;
    transform: rotate(0);
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55)
}

.back-button {
    color: #fff;
    background-color: #000;
    border-radius: 40px !important;
    border-color: #fff !important
}

span.one {
    top: 16px;
    width: 40px
}

span.two {
    top: 26px;
    width: 30px
}

span.three {
    top: 35px;
    width: 50px
}

.menu_icon .one {
    animation: width 2s ease infinite
}

.menu_icon .two {
    animation: width1 2s ease infinite
}

.menu_icon .three {
    animation: width2 2s ease infinite
}

@keyframes width {
    0% {
        width: 25px
    }

    25% {
        width: 15px
    }

    50% {
        width: 20px
    }

    75% {
        width: 25px
    }

    to {
        width: 30px
    }
}

@keyframes width1 {
    0% {
        width: 30px
    }

    25% {
        width: 20px
    }

    50% {
        width: 25px
    }

    75% {
        width: 15px
    }

    to {
        width: 25px
    }
}

@keyframes width2 {
    0% {
        width: 25px
    }

    25% {
        width: 10px
    }

    50% {
        width: 20px
    }

    75% {
        width: 15px
    }

    to {
        width: 20px
    }
}

.clicked .one {
    transform: translateY(25px) rotate(45deg);
    width: 70px
}

.clicked .two {
    transform: translate(-100vw);
    opacity: 0;
    width: 70px
}

.clicked .three {
    transform: translateY(-25px) rotate(-45deg);
    width: 70px
}

.clicked.menu_icon .one, .clicked.menu_icon .three {
    animation: normal
}

.auction-width {
    width: 158px
}

.w-logo-web {
    width: 115px
}

.w-logo-web-w-v162 {
    width: 199px
}

.w-logo-web-w-v114, .w-logo-web-w-v166 {
    width: 133px
}

.w-logo-web-w-v168 {
    width: 95px;
    margin-top: -2px;
    margin-left: 17px
}

.w-logo-web-w-v169, .w-logo-web-w-v170 {
    width: 177px;
    margin-top: -2px;
    margin-left: 17px
}

.w-logo-web-w-v171 {
    width: 85px;
    margin-top: 2px;
    margin-left: 1px
}

.w-logo-web-w-v172, .w-logo-web-w-v173 {
    width: 132px;
    margin-top: 34px;
    margin-left: 115px
}

.w-logo-web-w-v174 {
    width: 132px;
    margin-top: 17px;
    margin-left: 115px
}

.w-logo-web-w-v176 {
    width: 60px;
    margin-top: 0;
    margin-left: 16px
}

.w-logo-web-w-v97 {
    width: 133px;
    margin-top: 0;
    margin-left: 7px
}

.w-logo-web-w-v167 {
    width: 133px
}

.w-logo-web-w-v163 {
    width: 110px
}

.w-logo-web-w-v161 {
    width: 199px
}

.w-logo-web-w-v1611 {
    width: 120px
}

.w-logo-web-w-v154 {
    width: 64px
}

.w-logo-web-w-v157 {
    width: 97px;
    margin-top: 20px;
    margin-left: 99px
}

.w-logo-web-w-v165 {
    width: 112px;
    margin-top: 20px;
    margin-left: 99px
}

.w-logo-web-w-v159 {
    width: 106px;
    margin-top: 40px;
    margin-left: 91px
}

.w-logo-web-w-v153 {
    width: 81px;
    margin-top: 4px;
    margin-left: 18px
}

.w-logo-web-w-v180 {
    width: 158px
}

.w-logo-web-w-v117 {
    width: 256px;
    margin-left: 16px
}

.w-logo-web-w-v128 {
    width: 167px;
    margin-left: 16px
}

.w-logo-web-w-v177 {
    width: 104px;
    margin-left: -1px;
    margin-top: 26px
}

.w-logo-web-w-v178 {
    width: 60px;
    margin-left: 5px;
    margin-top: -1px
}

.w-logo-web-w-v160 {
    width: 104px;
    margin-left: -1px;
    margin-top: 26px
}

.w-logo-web-w-v149 {
    width: 200px;
    margin-left: 10px
}

.w-logo-web-w-v147 {
    width: 120px;
    margin-left: -1px
}

.w-logo-web-w-v179, .w-logo-web-w-v181 {
    width: 97px;
    margin-left: -1px
}

.w-logo-web-w-v182 {
    width: 189px;
    margin-left: -1px
}

.w-logo-web-w-v183 {
    width: 150px;
    margin-left: -1px
}

.w-logo-web-w-v185 {
    width: 98px;
    margin-left: -1px
}

.w-logo-web-w-v188 {
    width: 76px;
    margin-left: -1px
}

.w-logo-web-w-v189, .w-logo-web-w-v223 {
    width: 120px;
    margin-left: -1px
}

.w-logo-web-w-v190, .w-logo-web-w-v191, .w-logo-web-w-v1911, .w-logo-web-w-v148, .w-logo-web-w-v107 {
    width: 166px;
    margin-left: -1px
}

.w-logo-web-w-v192 {
    width: 76px;
    margin-left: 13px
}

.w-logo-web-w-v193, .w-logo-web-w-v144 {
    width: 114px;
    margin-left: 13px
}

.w-logo-web-w-v195 {
    width: 182px;
    margin-left: 5px
}

.w-logo-web-w-v196, .w-logo-web-w-v197 {
    width: 111px;
    margin-left: 5px
}

.w-logo-web-w-v198 {
    width: 85px;
    margin-left: 5px
}

.w-logo-web-w-v127 {
    width: 140px;
    margin-left: 5px
}

.w-logo-web-w-v150, .w-logo-web-w-v135 {
    width: 85px;
    margin-left: 5px
}

.w-logo-web-w-v89 {
    width: 140px;
    margin-left: 5px
}

.w-logo-web-w-v200 {
    width: 98px;
    margin-left: 5px
}

.w-logo-web-w-v201 {
    width: 105px;
    margin-left: 5px
}

.w-logo-web-w-v202 {
    width: 90px;
    margin-left: 5px
}

.w-logo-web-w-v203 {
    width: 190px;
    margin-left: 5px
}

.w-logo-web-w-v199, .w-logo-web-w-v204 {
    width: 79px;
    margin-left: 5px
}

.w-logo-web-w-v205 {
    width: 60px;
    margin-left: -1px;
    margin-top: 20px
}

.w-logo-web-w-v226 {
    width: 10rem;
    margin-left: 1rem;
    margin-top: 0
}

.w-logo-web-w-v210, .w-logo-web-w-v131 {
    width: 140px;
    margin-left: -1px
}

.w-logo-web-w-v108 {
    width: 123px;
    margin-left: 5px
}

.w-logo-web-w-v142 {
    width: 200px;
    margin-left: 5px
}

.w-logo-web-w-v74 {
    width: 114px;
    margin-left: 13px
}

.w-logo-web-w-v1644 {
    width: 166px;
    margin-left: -1px
}

.w-logo-web-w-v187 {
    width: 80px;
    margin-left: -1px
}

.w-logo-web-w-v119 {
    width: 98px;
    margin-left: 11px
}

.w-logo-web-w-v184 {
    width: 96px;
    margin-left: 0;
    margin-top: 21px
}

.w-logo-web-w-v155 {
    width: 158px;
    margin-left: 18px
}

.w-logo-web-w-v206 {
    width: 80px;
    margin-left: 20px
}

.w-logo-web-w-v208 {
    width: 150px;
    margin-left: 25px
}

.w-logo-web-w-v209 {
    width: 200px;
    margin-left: 25px
}

.w-logo-web-w-v106 {
    width: 170px;
    margin-left: 25px
}

.w-logo-web-w-v211 {
    width: 100px;
    margin-left: 10px
}

.w-logo-web-w-v213 {
    width: 7rem;
    margin-left: 15px
}

.w-logo-web-w-v214 {
    width: 115px;
    margin-left: 20px
}

.w-logo-web-w-v217, .w-logo-web-w-v150, .w-logo-web-w-v135 {
    width: 100px;
    margin-left: 10px
}

.w-logo-web-w-v218 {
    width: 100px;
    margin-left: 5px
}

.w-logo-web-w-v220, .w-logo-web-w-v221 {
    width: 65px;
    margin-left: 5px
}

.w-logo-web-w-v60 {
    width: 75px;
    margin-left: 5px
}

.w-logo-web-w-v224 {
    width: 50px;
    margin-left: 10px
}

.w-logo-web-w-v225 {
    width: 100px;
    margin-left: 5px
}

.w-logo-web-big {
    width: 93px
}

.w-logo-web-w {
    width: 60px
}

.w-logo-web-berlin {
    width: 51px
}

.font-income {
    font-size: 20px
}

.top-loss {
    margin-top: 0
}

.logo-w-signIn-v137, .logo-w-signIn-v1377, .logo-w-signIn-v165 {
    top: var(--top-logo) !important;
    width: 12vw !important;
    right: 25vw
}

.logo-w-signIn-v166 {
    width: 170px;
    margin-top: 20px;
    margin-left: 12px
}

.logo-w-signIn-v167 {
    width: 185px;
    margin-top: 0;
    margin-left: 0
}

.w-myan {
    width: 79px !important
}

.logo-w-signIn-v168, .logo-w-signIn-v171, .logo-w-signIn-v172, .logo-w-signIn-v176, .logo-w-signIn-v177, .logo-w-signIn-v178, .logo-w-signIn-v160 {
    width: 205px;
    margin-top: 20px;
    margin-left: 12px
}

.logo-w-signIn-v180, .logo-w-signIn-v182, .logo-w-signIn-v187, .logo-w-signIn-v183, .logo-w-signIn-v185, .logo-w-signIn-v188, .logo-w-signIn-v189, .logo-w-signIn-v223, .logo-w-signIn-v190, .logo-w-signIn-v191, .logo-w-signIn-v1911, .logo-w-signIn-v148, .logo-w-signIn-v107, .logo-w-signIn-v192 {
    width: 140px;
    margin-top: 20px;
    margin-left: 12px
}

.logo-w-signIn-v193, .logo-w-signIn-v153, .logo-w-signIn-v196, .logo-w-signIn-v197, .logo-w-signIn-v198 {
    width: 240px;
    margin-top: 20px;
    margin-left: 0
}

.logo-w-signIn-v205, .logo-w-signIn-v226 {
    width: 100px;
    margin-top: 0;
    margin-left: 0
}

.logo-w-signIn-v199, .logo-w-signIn-v97 {
    width: 240px;
    margin-top: 20px;
    margin-left: 0
}

.logo-w-signIn-v1644 {
    width: 140px;
    margin-top: 20px;
    margin-left: 12px
}

.logo-w-signIn-v159, .logo-w-signIn-v157 {
    top: var(--top-logo) !important;
    width: 12vw !important;
    right: 25vw
}

.logo-w-signIn-v211 {
    width: 10vw
}

.logo-w-signIn-v215 {
    top: var(--top-logo) !important;
    width: 12vw !important;
    right: 25vw
}

.logo-w-signIn-v216 {
    top: var(--top-logo) !important;
    width: 12vw;
    right: 25vw
}

.logo-w-signIn-v217, .logo-w-signIn-v218, .logo-w-signIn-v220, .logo-w-signIn-v149 {
    width: 10vw
}

.logo-w-signIn-v208 {
    width: 20vw
}

.logo-w-signIn-v209 {
    width: 25vw
}

.logo-w-signIn-v212 {
    width: 16rem
}

.logo-w-signIn-v213, .logo-w-signIn-v215 {
    width: 20rem
}

.logo-w-signIn-v221 {
    width: 16rem
}

.logo-w-signIn-v60 {
    width: 20rem
}

.logo-w-signIn-v224 {
    width: 10vw
}

.logo-w-signIn-v225 {
    width: 15vw
}

@media screen and (max-width: 2560px) {
    .w-logo-web-w-v60 {
        width: 5vw
    }

    .w-logo-web-w-v216 {
        width: 3vw;
        margin-left: 5px
    }
}

@media screen and (max-width: 1440px) {
    .logo-w-signIn-v213 {
        width: 25vw
    }

    .logo-w-signIn-v216 {
        width: 15vw
    }

    .logo-w-signIn-v217 {
        width: 20vw
    }

    .logo-w-signIn-v218, .logo-w-signIn-v221, .logo-w-signIn-v60 {
        width: 25vw
    }

    .logo-w-signIn-v149, .logo-w-signIn-v211, .logo-w-signIn-v224 {
        width: 20vw
    }

    .w-logo-web-w-v60 {
        width: 11vw
    }

    .w-logo-web-w-v216 {
        width: 6vw;
        margin-left: 5px
    }
}

@media screen and (max-width: 1024px) {
    .w-logo-web-w-v157 {
        width: 76px;
        margin-top: 20px;
        margin-left: 12px
    }

    .w-logo-web-w-v165 {
        width: 100px;
        margin-top: 20px;
        margin-left: 12px
    }

    .w-logo-web-w-v159 {
        width: 76px;
        margin-top: 20px;
        margin-left: 12px
    }

    .w-logo-web-w-v208 {
        width: 130px;
        margin-left: 10px
    }

    .w-logo-web-w-v209, .w-logo-web-w-v106 {
        width: 160px;
        margin-left: 10px
    }

    .w-logo-web-w-v213 {
        width: 5rem;
        margin-left: 15px
    }

    .logo-w-signIn-v166, .logo-w-signIn-v167, .logo-w-signIn-v168, .logo-w-signIn-v171, .logo-w-signIn-v172, .logo-w-signIn-v176, .logo-w-signIn-v177, .logo-w-signIn-v178, .logo-w-signIn-v160 {
        width: 100px;
        margin-top: 20px;
        margin-left: 12px
    }

    .logo-w-signIn-v180, .logo-w-signIn-v182, .logo-w-signIn-v187, .logo-w-signIn-v183, .logo-w-signIn-v185, .logo-w-signIn-v188, .logo-w-signIn-v189, .logo-w-signIn-v223, .logo-w-signIn-v190, .logo-w-signIn-v191, .logo-w-signIn-v1911, .logo-w-signIn-v148, .logo-w-signIn-v107, .logo-w-signIn-v192, .logo-w-signIn-v1644 {
        width: 342px;
        margin-top: 20px;
        margin-left: 12px
    }

    .logo-w-signIn-v193, .logo-w-signIn-v153, .logo-w-signIn-v196, .logo-w-signIn-v197, .logo-w-signIn-v198 {
        width: 342px;
        margin-top: 20px;
        margin-left: 0
    }

    .logo-w-signIn-v20, .logo-w-signIn-v22 {
        width: 100px;
        margin-top: 0;
        margin-left: 0
    }

    .logo-w-signIn-v199, .logo-w-signIn-v97 {
        width: 342px;
        margin-top: 20px;
        margin-left: 0
    }

    .logo-w-signIn-v206, .logo-w-signIn-v208, .logo-w-signIn-v209 {
        width: 40vw
    }

    .logo-w-signIn-v216, .logo-w-signIn-v217, .logo-w-signIn-v221 {
        width: 20vw
    }

    .logo-w-signIn-v60 {
        width: 25vw
    }

    .logo-w-signIn-v149, .logo-w-signIn-v211, .logo-w-signIn-v224 {
        width: 20vw
    }

    .w-logo-web-w-v60 {
        width: 12vw;
        margin-left: 5px
    }

    .w-logo-web-w-v216 {
        width: 9vw;
        margin-left: 5px
    }
}

@media screen and (max-width: 768px) {
    .logo-w-signIn-v206 {
        width: 20vw
    }

    .logo-w-signIn-v213, .logo-w-signIn-v216 {
        width: 25vw
    }

    .logo-w-signIn-v217 {
        width: 30vw
    }

    .logo-w-signIn-v218, .logo-w-signIn-v220, .logo-w-signIn-v221, .logo-w-signIn-v60 {
        width: 40vw
    }

    .logo-w-signIn-v149, .logo-w-signIn-v211, .logo-w-signIn-v224 {
        width: 30vw
    }

    .logo-w-signIn-v225 {
        width: 40vw
    }

    .w-logo-web-w-v60 {
        width: 15vw
    }

    .w-logo-web-w-v216 {
        width: 10vw
    }
}

@media screen and (max-width: 425px) {
    .logo-w-signIn-v213 {
        width: 60vw
    }

    .logo-w-signIn-v216 {
        width: 60vw;
        transform: translateY(-4rem)
    }

    .logo-w-signIn-v217 {
        width: 50vw
    }

    .logo-w-signIn-v218 {
        width: 60vw
    }

    .logo-w-signIn-v221 {
        width: 50vw;
        transform: translateY(-4rem)
    }

    .logo-w-signIn-v60 {
        width: 75vw;
        transform: translateY(-3rem)
    }

    .logo-w-signIn-v149, .logo-w-signIn-v211 {
        width: 75vw;
        transform: translateY(0)
    }

    .logo-w-signIn-v224 {
        width: 50vw;
        transform: translateY(-4rem)
    }

    .w-logo-web-w-v226 {
        width: 8rem;
        margin-left: 1rem;
        margin-top: 0
    }
}

@media screen and (max-width: 375px) {
    .w-logo-web-w-v226 {
        width: 7rem;
        margin-left: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 320px) {
    .w-logo-web-w-v226 {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .logo-w-signIn-v137 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 25vw;
        z-index: 1
    }

    .logo-w-signIn-v1377 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 68vw !important;
        right: 8vw;
        z-index: 1
    }

    .logo-w-signIn-v165, .logo-w-signIn-v166, .logo-w-signIn-v167, .logo-w-signIn-v168 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 25vw;
        z-index: 1
    }

    .logo-w-signIn-v171, .logo-w-signIn-v172, .logo-w-signIn-v176, .logo-w-signIn-v177, .logo-w-signIn-v178, .logo-w-signIn-v160 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw;
        z-index: 1
    }

    .logo-w-signIn-v180, .logo-w-signIn-v182, .logo-w-signIn-v187, .logo-w-signIn-v183, .logo-w-signIn-v185, .logo-w-signIn-v188, .logo-w-signIn-v189, .logo-w-signIn-v223, .logo-w-signIn-v190, .logo-w-signIn-v191, .logo-w-signIn-v1911, .logo-w-signIn-v148, .logo-w-signIn-v107, .logo-w-signIn-v192, .logo-w-signIn-v193, .logo-w-signIn-v153 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 62vw !important;
        right: 10vw;
        z-index: 1
    }

    .logo-w-signIn-v196 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 75px;
        z-index: 1
    }

    .logo-w-signIn-v197, .logo-w-signIn-v198 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 84px;
        z-index: 1
    }

    .logo-w-signIn-v205, .logo-w-signIn-v226 {
        top: var(--top-logo) !important;
        width: 25vw !important;
        right: 114px;
        z-index: 1
    }

    .logo-w-signIn-v199 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 84px;
        z-index: 1
    }

    .logo-w-signIn-v97, .logo-w-signIn-v1644 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 62vw !important;
        right: 10vw;
        z-index: 1
    }

    .logo-w-signIn-v157, .logo-w-signIn-v159 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 25vw;
        z-index: 1
    }

    .logo-w-signIn-v208, .logo-w-signIn-v209 {
        width: 50vw
    }

    .w-logo-web-w {
        width: 50px
    }

    .top-loss {
        margin-top: 0
    }

    .w-logo-web-w-v162 {
        width: 140px
    }

    .w-logo-web-w-v114 {
        width: 120px
    }

    .w-logo-web-w-v163 {
        width: 102px
    }

    .w-logo-web-w-v161 {
        width: 140px
    }

    .w-logo-web-w-v1611 {
        width: 120px
    }

    .w-logo-web-w-v150, .w-logo-web-w-v135 {
        width: 70px
    }

    .w-logo-web-w-v213 {
        width: 100px;
        margin-left: 10px
    }

    .w-logo-web-w-v217 {
        width: 70px
    }

    .w-logo-web-w-v218 {
        width: 75px
    }

    .w-logo-web-w-v220, .w-logo-web-w-v221 {
        width: 70px
    }

    .w-logo-web-w-v60 {
        width: 75px
    }

    .w-logo-web-w-v149 {
        width: 140px;
        margin-left: 0
    }

    .w-logo-web-w-v211 {
        width: 80px;
        margin-left: 0
    }

    .w-logo-web-w-v224 {
        width: 50px;
        margin-left: 10px
    }

    .w-logo-web-w-v225 {
        width: 70px
    }

    .logo-w-signIn, .logo-w-signIn-v154, .logo-w-signIn-v147, .logo-w-signIn-v212, .logo-w-signIn-v215 {
        width: 187px
    }

    .logo-w-line-signIn {
        width: 100%
    }

    @media screen and (max-width: 1024px) {
        .w-logo-web-w-v153 {
            width: 99px;
            margin-top: 24px
        }

        .w-logo-web-w-v180 {
            width: 99px
        }
    }

    @media screen and (max-width: 360px) {
        .logo-w-line-signIn {
            width: 100%
        }
    }

    @media screen and (max-width: 320px) {
        .w-logo-web-w-v149, .w-logo-web-w-v208 {
            width: 70px;
            margin-left: 5px
        }

        .w-logo-web-w-v206 {
            width: 80px;
            margin-left: 0
        }

        .w-logo-web-w-v213 {
            width: 70px;
            margin-left: 5px
        }

        .w-logo-web-w-v214 {
            width: 80px;
            margin-left: 0
        }
    }

    @media screen and (max-width: 375px) {
        .w-logo-web-w-v149, .w-logo-web-w-v208 {
            width: 4.5rem;
            margin-left: 5px
        }

        .w-logo-web-w-v206 {
            width: 4rem;
            margin-left: 5px
        }

        .w-logo-web-w-v214 {
            width: 115px;
            margin-left: 5px
        }
    }

    .w-logo-web-w-v168 {
        width: 116px;
        margin-top: 21px;
        margin-left: -6px
    }

    .w-logo-web-w-v169, .w-logo-web-w-v170 {
        width: 154px;
        margin-top: -1px;
        margin-left: -3px
    }

    .w-logo-web-w-v171 {
        width: 74px;
        margin-top: 2px;
        margin-left: 3px
    }

    .w-logo-web-w-v172, .w-logo-web-w-v173 {
        width: 102px;
        margin-top: 25px;
        margin-left: 3px
    }

    .w-logo-web-w-v174 {
        width: 87px;
        margin-top: -4px;
        margin-left: 3px
    }

    .w-logo-web-w-v176 {
        width: 56px;
        margin-top: -1px;
        margin-left: 10px
    }

    .w-logo-web-w-v97 {
        width: 107px;
        margin-top: 0;
        margin-left: 0
    }

    .logo-w-signIn-berlin {
        margin-top: 20vw;
        width: 160px
    }

    .x-game-badge-image.-login-text:before {
        content: ""attr(id) "";
        top: 31%;
        left: 23%;
        width: 100%;
        height: auto;
        padding: 6px 0;
        background: var(--v-login);
        text-align: center;
        color: #f5f5f5;
        text-shadow: 0 0 5px rgb(0 0 0 / 50%)
    }

    .auction-list {
        height: auto;
        overflow-y: scroll
    }

    .font-income {
        font-size: 17px
    }

    .auction-width {
        width: 79px
    }

    .w-logo-web {
        width: 115px
    }

    .w-logo-web-w-v154 {
        width: 59px
    }

    .w-logo-web-w-v159 {
        width: 91px;
        margin-top: 28px;
        margin-left: 0
    }

    .w-logo-web-w-v153 {
        width: 99px;
        margin-top: 24px
    }

    .w-logo-web-w-v180 {
        width: 152px
    }

    .w-logo-web-w-v117 {
        width: 139px;
        margin-left: 0
    }

    .w-logo-web-w-v157 {
        width: 94px;
        margin-top: 39px;
        margin-left: 1px
    }

    .w-logo-web-w-v165 {
        width: 100px;
        margin-top: 15px;
        margin-left: 1px
    }

    .w-logo-web-w-v128 {
        width: 104px;
        margin-left: 16px
    }

    .w-logo-web-w-v177 {
        width: 104px;
        margin-left: -1px;
        margin-top: 26px
    }

    .w-logo-web-w-v178 {
        width: 60px;
        margin-left: 5px;
        margin-top: -1px
    }

    .w-logo-web-w-v160 {
        width: 104px;
        margin-left: -1px;
        margin-top: 26px
    }

    .w-logo-web-w-v147 {
        width: 105px;
        margin-left: -1px
    }

    .w-logo-web-w-v179, .w-logo-web-w-v181 {
        width: 78px;
        margin-left: -1px
    }

    .w-logo-web-w-v182, .w-logo-web-w-v183 {
        width: 136px;
        margin-left: -1px
    }

    .w-logo-web-w-v185 {
        width: 104px;
        margin-left: -1px
    }

    .w-logo-web-w-v188 {
        width: 64px;
        margin-left: -1px
    }

    .w-logo-web-w-v189, .w-logo-web-w-v223, .w-logo-web-w-v190, .w-logo-web-w-v191, .w-logo-web-w-v1911, .w-logo-web-w-v148, .w-logo-web-w-v107 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v192 {
        width: 76px;
        margin-left: 13px
    }

    .w-logo-web-w-v193, .w-logo-web-w-v144 {
        width: 114px;
        margin-left: 13px
    }

    .w-logo-web-w-v195 {
        width: 144px;
        margin-left: 13px
    }

    .w-logo-web-w-v196, .w-logo-web-w-v197 {
        width: 100px;
        margin-left: 13px
    }

    .w-logo-web-w-v198 {
        width: 81px;
        margin-left: 13px
    }

    .w-logo-web-w-v127 {
        width: 140px;
        margin-left: 13px
    }

    .w-logo-web-w-v150, .w-logo-web-w-v135 {
        width: 81px;
        margin-left: 13px
    }

    .w-logo-web-w-v89 {
        width: 140px;
        margin-left: 13px
    }

    .w-logo-web-w-v200, .w-logo-web-w-v201 {
        width: 94px;
        margin-left: 13px
    }

    .w-logo-web-w-v202 {
        width: 75px;
        margin-left: 13px
    }

    .w-logo-web-w-v203 {
        width: 124px;
        margin-left: 13px
    }

    .w-logo-web-w-v199, .w-logo-web-w-v204 {
        width: 75px;
        margin-left: 13px
    }

    .w-logo-web-w-v205 {
        width: 60px;
        margin-left: -1px;
        margin-top: 20px
    }

    .w-logo-web-w-v210, .w-logo-web-w-v131 {
        width: 140px;
        margin-left: -1px
    }

    .w-logo-web-w-v108 {
        width: 123px;
        margin-left: 13px
    }

    .w-logo-web-w-v142 {
        width: 118px;
        margin-left: 13px
    }

    .w-logo-web-w-v74 {
        width: 114px;
        margin-left: 13px
    }

    .w-logo-web-w-v1644 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v187 {
        width: 75px;
        margin-left: -1px
    }

    .w-logo-web-w-v119 {
        width: 104px;
        margin-left: 11px
    }

    .w-logo-web-w-v184 {
        width: 100px;
        margin-left: -10px;
        margin-top: 20px
    }

    .w-logo-web-w-v155 {
        width: 107px;
        margin-left: 5px
    }

    .w-logo-web-w-v216 {
        width: 75px;
        margin-left: 5px
    }

    .w-logo-web-big {
        width: 93px
    }

    .w-logo-web-berlin {
        width: 51px
    }

    .x-index-top-container {
        height: auto;
        overflow-y: hidden
    }

    .w-logo-web-w-v167 {
        width: 144px
    }

    .scroll-view {
        min-height: 1101px;
        height: auto;
        overflow-y: scroll;
        padding-bottom: 26vw !important
    }

    #conditionText {
        font-size: 15px
    }

    .x-login-index {
        height: auto
    }

    .text-font-title-signin {
        font-size: 22px
    }

    .text-font-size-title {
        font-size: 10px
    }

    .padding-view-router {
        padding-top: 20px !important
    }

    .scroll-left-promotion {
        height: 537px !important;
        width: 100%;
        overflow-y: auto
    }
}

.logo-w-signIn-berlin {
    width: 228px
}

.scroll-left-promotion {
    height: 337px;
    width: 100%;
    overflow-y: auto
}

.padding-view-router {
    padding-top: 100px
}

@media screen and (min-width: 1600px) and (max-width: 3000px) {
    .iframePlayGames {
        height: calc(100vh - 60px) !important
    }
}

.iframePlayGames {
    position: fixed;
    background: #000;
    border: none;
    top: 53px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 93%
}

.iframePlayGamesSport {
    background: #000;
    border: none;
    top: 53px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80vw
}

.ellipsis-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-info[data-v-c2788d34] {
    background: #252020;
    border-radius: 25px;
    padding: 8px 27px;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: #8f8e8e
}

.menu-page {
    overflow: hidden
}

.menu-page div:first-child {
    border: 1.5px solid #000;
    border-radius: 20px 0 0
}

.menu-page div {
    border: 1.5px solid #000;
    border-radius: 0
}

.menu-page div:last-child {
    border: 1.5px solid #000;
    border-radius: 0 20px 0 0
}

.menu-page .active {
    background: var(--v-login);
    height: 100%
}

.pl-4-pr-4 {
    padding: 0 10px
}

.user-icon-css {
    background: #6c757d;
    padding: 7px;
    margin-top: 18px;
    border-radius: 6px
}

.bg-refer-click {
    background: #1b3498 !important
}

.marGin-padding-responsive {
    overflow: auto
}

.text-font-income {
    font-size: 15px
}

.rounded-pill-creditbalance {
    border: 2px solid #f4d486;
    box-sizing: border-box;
    background: linear-gradient(180deg, #2e2d32 0%, #3F2A7D57.49%, #100e16 100%);
    mix-blend-mode: normal;
    box-shadow: 0 4px 20px #1639811a;
    border-radius: 2rem !important
}

li .active span img.img-fluid-home-hh {
    background: var(--v-login) !important;
    color: var(--text-theme)
}

.btn-success {
    background: linear-gradient(180deg, rgba(187, 255, 137, 1) 0%, rgba(127, 248, 55, 1) 6%, rgba(0, 183, 13, 1) 52%, rgba(0, 183, 13, 1) 58%, rgba(36, 224, 49, 1) 90%, rgba(184, 255, 131, 1) 97%, rgba(0, 183, 13, 1) 100%) !important
}

.btn-success {
    background: var(--v-login-contact)
}

.border-Rev {
    border: 0px solid rgb(63, 42, 125);
    background: linear-gradient(rgb(27, 20, 89) 0%, rgb(27, 20, 32) .49%, rgb(19, 14, 66) 10%);
    border-radius: 2rem !important
}

.text-font-menu-title {
    font-size: calc(1rem + .3vw) !important
}

.circle-svg {
    stroke: red;
    stroke-width: 2;
    fill: transparent;
    transform-origin: center;
    stroke-dasharray: var(--circumference);
    animation: spinner 2s ease-out infinite
}

@keyframes spinner {
    0% {
        stroke-dashoffset: var(--circumference);
        stroke: red;
        transform: rotate(0)
    }

    to {
        stroke-dashoffset: calc(var(--circumference) * -1);
        stroke: green;
        transform: rotate(720deg)
    }
}

.border-footer-berlin {
    border-width: 2px;
    border-top-style: solid;
    border-image: linear-gradient(to right, #9f7f37, #e3d083) 1
}

.border-footer-hh {
    border-width: 5px;
    border-top-style: solid;
    border-image: linear-gradient(to right, #9f7f37, #e3d083) 1
}

.img-border-line-games {
    border-style: solid;
    border: 1px solid #0e9fd3;
    border-width: 4px;
    border-style: double;
    outline-offset: 5px;
    margin: 1px;
    border-radius: 16px
}

.go-top {
    background: var(--background-image-button) !important
}

img.logo-berlin {
    width: 57px !important;
    min-width: 100% !important
}

img.w-logo-wallet {
    width: 20px
}

.js-ez-logged-sidebar {
    margin-top: 15px;
    margin-bottom: 15px
}

.refreshCredit-mobile {
    position: absolute;
    left: -37px;
    top: 10px;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 8px 0 0 8px;
    padding: 5px
}

.font-list-history, .item-user__betsize h3 {
    font-size: 14px
}

.w-circle-svg {
    width: 12px
}

.hidden {
    display: none
}

.img-menu-hh {
    width: 30px;
    height: auto
}

.font-hh-menu {
    font-size: 12px
}

.img-fluid-home-hh {
    margin: 0 28px;
    width: 75px;
    height: 74px
}

.img-fluid-hh {
    margin: 2px 28px;
    width: 32px;
    height: 44px
}

hr.style-one {
    border: 0;
    height: 4px;
    background-image: var(--line-sigIn)
}

.border-radius-com {
    background: #51515138;
    border-radius: 10px
}

.border-radius-com-head {
    background: #51515138;
    border-radius: 10px;
    color: #000
}

.auction-pool-menu-commission {
    border: 1px solid white;
    border-radius: 10px
}

div.historyHistory {
    height: 15vw;
    width: 100%;
    overflow-y: scroll
}

.hoverTextCss {
    border-radius: 17px;
    padding: 1.5px;
    box-shadow: 0 4px 4px #00000040
}

.hoverTextCss-padding {
    padding-bottom: 0
}

.bg-mission-button {
    background: #51515138;
    border-radius: 13px
}

.example {
    position: relative
}

.example .text-show-mission {
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 8px;
    color: #fff;
    border-radius: 0 0 8px 8px;
    font-weight: 700;
    background: rgba(0, 0, 0, .4705882353);
    width: 91%;
    font-size: .7em
}

.example .text-show {
    position: absolute;
    top: 71%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 8px;
    color: #fff;
    border-radius: 0 0 8px 8px;
    font-weight: 700;
    background: rgba(0, 0, 0, .4705882353);
    width: 91%;
    font-size: .7em
}

.example .text-show-casino {
    position: absolute;
    top: 86%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 8px;
    color: #fff;
    border-radius: 0 0 10px 10px;
    font-weight: 700;
    background: #00000078;
    width: 91%;
    font-size: .7em
}

.w-logo-web-w-v130 {
    width: 147px
}

input.form-not-input-login-register {
    border-radius: 25px !important
}

input.form-control-form {
    background-color: #f7d8d8 !important;
    border: 0px solid var(--border-color-input-group-signin) !important;
    color: var(--text-color-input-group-signin) !important
}

select.form-control-form {
    background-color: var(--input-group-bg) !important;
    border: 1px solid var(--input-group-border) !important;
    color: var(--input-group-color) !important;
    height: 42px
}

.bg-border-input {
    border-top-right-radius: 28px !important;
    border-bottom-right-radius: 28px !important;
    background-color: var(--input-group-bg-signin) !important
}

.bg-border-input-icon {
    background-color: var(--input-group-bg-signin) !important;
    border-top-left-radius: 28px !important;
    border-bottom-left-radius: 28px !important;
    color: var(--text-color-input-group-signin) !important
}

.bg-border-input-icon-eye {
    border-top-right-radius: 28px !important;
    border-bottom-right-radius: 28px !important;
    color: var(--text-color-input-group-signin) !important
}

.bg-border-input-empty {
    border-radius: 28px !important
}

.input-group-text {
    background-color: var(--input-group-bg) !important;
    color: var(--input-group-text-signin) !important;
    border: 1px solid #ced4da00 !important;
    border-radius: 1.375rem !important
}

.input-group-text-signin {
    background-color: var(--input-group-bg-text-signin) !important;
    color: var(--input-group-text-signin) !important;
    border: 1px solid #ced4da00 !important;
    border-radius: 1.375rem !important
}

.-amount {
    color: var(--text-theme-menu) !important
}

.input-group {
    border: 1px solid var(--border-color-input-group-signin) !important;
    border-radius: 26px;
    color: var(--text-color-input-group-signin) !important;
    background-color: #f3d4d4 !important
}

.input-group-black {
    border: 1px solid var(--text-color-input-group);
    border-radius: 26px;
    color: #f3d4d4;
    background-color: #000 !important
}

.form-control:focus {
    box-shadow: 0 0 0 .25rem #0067ff00 !important
}

::placeholder {
    color: var(--text-color-input-group-signin) !important;
    opacity: 1
}

.bg-signIn {
    margin-top: 0vw;
    box-shadow: 0 8px 8px 8px #0000001a
}

.bg-signup {
    border-radius: 58px;
    padding-top: 26px;
    box-shadow: 0 8px 8px 8px #0000001a;
    border: var(--bg-signIn-border-solid)
}

.bg-signup {
    background: var(--bg-signIn-border) !important;
    border-radius: var(--v-login-radius) !important
}

.logo-w-signIUp {
    top: var(--top-logo) !important;
    width: 15vw !important;
    right: 12vw;
    z-index: 1
}

.logo-w-signIUp-v147, .logo-w-signIUp-v119, .logo-w-signIUp-v188, .logo-w-signIUp-v176, .logo-w-signIUp-v192, .logo-w-signIUp-v1911, .logo-w-signIUp-v205, .logo-w-signIUp-v226, .logo-w-signIUp-v154, .logo-w-signIUp-v166, .logo-w-signIUp-v167, .logo-w-signIUp-v168, .logo-w-signIUp-v177, .logo-w-signIUp-v184, .logo-w-signIUp-v187, .logo-w-signIUp-v178, .logo-w-signIUp-v160 {
    top: var(--top-logo) !important;
    width: 11vw !important;
    right: 12vw;
    z-index: 1
}

.logo-w-signIUp-v180, .logo-w-signIUp-v182, .logo-w-signIUp-v1711 {
    top: var(--top-logo) !important;
    width: 20vw !important;
    right: 12vw;
    z-index: 1
}

.logo-w-signIUp-v171, .logo-w-signIUp-v172, .logo-w-signIUp-v176, .logo-w-signIUp-v192, .logo-w-signIUp-v1911, .logo-w-signIUp-v205, .logo-w-signIUp-v226, .logo-w-signIUp-v177 {
    top: var(--top-logo) !important;
    width: 11vw !important;
    right: 12vw;
    z-index: 1
}

.logo-w-signIUp-v184, .logo-w-signIUp-v187 {
    top: var(--top-logo) !important;
    width: 15vw !important;
    right: 12vw;
    z-index: 1
}

.logo-w-signIn, .logo-w-signIn-v147 {
    width: 10vw !important
}

.logo-w-signIn-v154 {
    width: 10vw
}

.w-logo-web-w-v1377 {
    width: 142px
}

.logo-w-signIn-v215 {
    width: 18vw !important
}

@media screen and (max-width: 640px) {
    /* .bg-signIn {
        margin-top: var(--card-margin-top) !important
    }

    .bg-signup {
        margin-top: var(--card-margin-top-signup) !important
    } */

    .logo-w-signIn {
        position: absolute;
        top: var(--top-logo) !important;
        width: 66vw !important;
        right: 38px;
        z-index: 1
    }

    .logo-w-signIn-v147 {
        position: absolute;
        top: var(--top-logo) !important;
        margin-top: -50px;
        width: 30vw !important;
        right: 100px;
        z-index: 1
    }

    .logo-w-signIn-v215 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 50vw !important;
        right: 5rem;
        z-index: 1
    }

    .w-logo-web-w-v143, .w-logo-web-w-v137 {
        width: 63px
    }

    .w-logo-web-w-v1377 {
        width: 121px
    }

    .w-logo-web-w-v130 {
        width: 147px
    }

    .number-wallet {
        width: 100%
    }

    .input_md .input__inner[data-v-152315b2] button {
        font-size: 16px
    }

    .logo-w-signIn-v154 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 47vw !important;
        right: 72px;
        z-index: 1
    }

    .logo-w-signIUp, .logo-w-signIUp-v147, .logo-w-signIUp-v119, .logo-w-signIUp-v188, .logo-w-signIUp-v176, .logo-w-signIUp-v192, .logo-w-signIUp-v1911, .logo-w-signIUp-v205, .logo-w-signIUp-v226 {
        top: var(--top-logo) !important;
        /* width: 53vw!important; */
        margin-top: -30px;
        width: 30vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v154, .logo-w-signIUp-v166 {
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v167 {
        top: var(--top-logo) !important;
        width: 43vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v168, .logo-w-signIUp-v177 {
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v184 {
        top: var(--top-logo) !important;
        width: 51vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v187 {
        top: var(--top-logo) !important;
        width: 32vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v178, .logo-w-signIUp-v160 {
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v180 {
        top: var(--top-logo) !important;
        width: 77vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v182 {
        top: var(--top-logo) !important;
        width: 34vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v1711 {
        top: var(--top-logo) !important;
        width: 42vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v171, .logo-w-signIUp-v172, .logo-w-signIUp-v176, .logo-w-signIUp-v192, .logo-w-signIUp-v1911, .logo-w-signIUp-v205, .logo-w-signIUp-v226, .logo-w-signIUp-v177 {
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v184 {
        top: var(--top-logo) !important;
        width: 51vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v187, .logo-w-signIUp-v215 {
        top: var(--top-logo) !important;
        width: 32vw !important;
        right: 18px;
        z-index: 1
    }
}

@media screen and (max-width: 412px) {
    .bg-signIn {
        margin-top: var(--card-margin-top) !important
    }

    .w-logo-web-w-v130 {
        width: 120px
    }

    .logo-w-signIn-v157, .logo-w-signIn-v159, .logo-w-signIn-v165 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 25vw;
        z-index: 1
    }

    .logo-w-signIn-v166 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 36vw !important;
        right: 23vw;
        z-index: 1
    }

    .logo-w-signIn-v167, .logo-w-signIn-v168 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 47vw !important;
        right: 19vw;
        z-index: 1
    }

    .logo-w-signIn-v171, .logo-w-signIn-v172 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw;
        z-index: 1
    }

    .logo-w-signIn-v176 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 27vw !important;
        right: 29vw;
        z-index: 1
    }

    .logo-w-signIn-v177, .logo-w-signIn-v178, .logo-w-signIn-v160 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw;
        z-index: 1
    }

    .logo-w-signIn-v180, .logo-w-signIn-v182 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 62vw !important;
        right: 10vw;
        z-index: 1
    }

    .logo-w-signIn-v187 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 40vw !important;
        right: 22vw;
        z-index: 1
    }

    .logo-w-signIn-v183, .logo-w-signIn-v185 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 62vw !important;
        right: 10vw;
        z-index: 1
    }

    .logo-w-signIn-v188, .logo-w-signIn-v189, .logo-w-signIn-v223, .logo-w-signIn-v190 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 55vw !important;
        right: 15vw;
        z-index: 1
    }

    .logo-w-signIn-v191, .logo-w-signIn-v1911 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 42vw !important;
        right: 20vw;
        z-index: 1
    }

    .logo-w-signIn-v148, .logo-w-signIn-v107 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 40vw !important;
        right: 24vw;
        z-index: 1
    }

    .logo-w-signIn-v192 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 40vw !important;
        right: 21vw;
        z-index: 1
    }

    .logo-w-signIn-v193, .logo-w-signIn-v153 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 18vw;
        z-index: 1
    }

    .logo-w-signIn-v196 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 45vw !important;
        right: 74px;
        z-index: 1
    }

    .logo-w-signIn-v197, .logo-w-signIn-v198 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 45vw !important;
        right: 79px;
        z-index: 1
    }

    .logo-w-signIn-v205, .logo-w-signIn-v226 {
        top: var(--top-logo) !important;
        width: 25vw !important;
        right: 114px;
        z-index: 1
    }

    .logo-w-signIn-v199 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 45vw !important;
        right: 79px;
        z-index: 1
    }

    .logo-w-signIn-v97 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 18vw;
        z-index: 1
    }

    .logo-w-signIn-v1644 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 55vw !important;
        right: 15vw;
        z-index: 1
    }

    .bg-signup {
        margin-top: var(--card-margin-top-signup) !important
    }

    .logo-w-signIn {
        position: absolute;
        top: var(--top-logo) !important;
        width: 66vw !important;
        right: 38px;
        z-index: 1
    }

    .logo-w-signIn-v147 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 40vw !important;
        right: 80px;
        z-index: 1
    }

    .logo-w-signIn-v215 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 50vw !important;
        right: 65px;
        z-index: 1;
        margin: 10px 0 0
    }

    .logo-w-signIn-v154 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 42vw !important;
        right: 90px;
        z-index: 1
    }

    .logo-w-signIn-v212 {
        display: block;
        margin: auto
    }

    .logo-w-signIUp, .logo-w-signIUp-v147, .logo-w-signIUp-v119, .logo-w-signIUp-v188 {
        top: var(--top-logo) !important;
        width: 30vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v176, .logo-w-signIUp-v192, .logo-w-signIUp-v1911, .logo-w-signIUp-v205, .logo-w-signIUp-v226, .logo-w-signIUp-v221, .logo-w-signIUp-v60 {
        top: var(--top-logo) !important;
        width: 37vw !important;
        right: 18px;
        z-index: 1
    }
}

@media screen and (max-width: 364px) {
    .w-logo-web {
        width: 114px
    }

    .w-logo-web-w-v154 {
        width: 73px
    }

    .w-logo-web-w-v162, .w-logo-web-w-v163 {
        width: 104px
    }

    .w-logo-web-w-v114, .w-logo-web-w-v166, .w-logo-web-w-v167 {
        width: 100px
    }

    .w-logo-web-w-v168 {
        width: 116px;
        margin-top: 21px;
        margin-left: -6px
    }

    .w-logo-web-w-v169 {
        width: 154px;
        margin-top: -1px;
        margin-left: -3px
    }

    .w-logo-web-w-v170 {
        width: 120px;
        margin-top: -1px;
        margin-left: -3px
    }

    .w-logo-web-w-v171 {
        width: 74px;
        margin-top: 2px;
        margin-left: 3px
    }

    .w-logo-web-w-v172, .w-logo-web-w-v173 {
        width: 102px;
        margin-top: 26px;
        margin-left: 3px
    }

    .w-logo-web-w-v174 {
        width: 83px;
        margin-top: -2px;
        margin-left: 3px
    }

    .w-logo-web-w-v176 {
        width: 56px;
        margin-top: -1px;
        margin-left: 10px
    }

    .w-logo-web-w-v97 {
        width: 107px;
        margin-top: 0;
        margin-left: 0
    }

    .w-logo-web-w-v161, .w-logo-web-w-v1611 {
        width: 104px
    }

    .w-logo-web-w-v159 {
        width: 91px;
        margin-top: 28px;
        margin-left: 0
    }

    .w-logo-web-w-v153 {
        width: 99px;
        margin-top: 24px
    }

    .w-logo-web-w-v180 {
        width: 140px
    }

    .logo-w-signIn-v157 {
        top: var(--top-logo) !important;
        width: 12vw !important;
        right: 25vw
    }

    .logo-w-signIn-v165, .logo-w-signIn-v166, .logo-w-signIn-v167, .logo-w-signIn-v168 {
        top: var(--top-logo) !important;
        width: 39vw !important;
        right: 21vw
    }

    .logo-w-signIn-v171, .logo-w-signIn-v172, .logo-w-signIn-v176, .logo-w-signIn-v177, .logo-w-signIn-v178, .logo-w-signIn-v160, .logo-w-signIn-v180, .logo-w-signIn-v182 {
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw
    }

    .logo-w-signIn-v187 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 40vw !important;
        right: 22vw;
        z-index: 1
    }

    .logo-w-signIn-v183, .logo-w-signIn-v185, .logo-w-signIn-v188, .logo-w-signIn-v190, .logo-w-signIn-v191, .logo-w-signIn-v1911, .logo-w-signIn-v148, .logo-w-signIn-v107, .logo-w-signIn-v192, .logo-w-signIn-v193, .logo-w-signIn-v153 {
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw
    }

    .logo-w-signIn-v196 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 75px;
        z-index: 1
    }

    .logo-w-signIn-v197, .logo-w-signIn-v198 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 66px;
        z-index: 1
    }

    .logo-w-signIn-v205, .logo-w-signIn-v226 {
        top: var(--top-logo) !important;
        width: 25vw !important;
        right: 114px;
        z-index: 1
    }

    .logo-w-signIn-v199 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 66px;
        z-index: 1
    }

    .logo-w-signIn-v97, .logo-w-signIn-v1644, .logo-w-signIn-v189, .logo-w-signIn-v223, .logo-w-signIn-v190, .logo-w-signIn-v191, .logo-w-signIn-v1911 {
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw
    }

    .logo-w-signIn-v148, .logo-w-signIn-v107 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 40vw !important;
        right: 24vw;
        z-index: 1
    }

    .logo-w-signIn-v1644 {
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw
    }

    .w-logo-web-w-v117 {
        width: 124px;
        margin-left: 0
    }

    .w-logo-web-w-v157, .w-logo-web-w-v165 {
        width: 99px;
        margin-top: 33px;
        margin-left: 1px
    }

    .w-logo-web-w-v128 {
        width: 113px;
        margin-left: 16px
    }

    .w-logo-web-w-v177, .w-logo-web-w-v178, .w-logo-web-w-v160 {
        width: 104px;
        margin-left: -1px;
        margin-top: 26px
    }

    .w-logo-web-w-v147 {
        width: 117px;
        margin-left: -1px
    }

    .w-logo-web-w-v179, .w-logo-web-w-v181 {
        width: 78px;
        margin-left: -1px
    }

    .w-logo-web-w-v182 {
        width: 114px;
        margin-left: -1px
    }

    .w-logo-web-w-v183 {
        width: 127px;
        margin-left: -1px
    }

    .w-logo-web-w-v185 {
        width: 104px;
        margin-left: -1px
    }

    .w-logo-web-w-v188 {
        width: 64px;
        margin-left: -1px
    }

    .w-logo-web-w-v189, .w-logo-web-w-v223, .w-logo-web-w-v190, .w-logo-web-w-v191, .w-logo-web-w-v1911, .w-logo-web-w-v148 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v107 {
        width: 121px;
        margin-left: -1px
    }

    .w-logo-web-w-v192 {
        width: 69px;
        margin-left: -1px
    }

    .w-logo-web-w-v193, .w-logo-web-w-v144 {
        width: 113px;
        margin-left: -1px
    }

    .w-logo-web-w-v195 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v196, .w-logo-web-w-v197 {
        width: 100px;
        margin-left: -1px
    }

    .w-logo-web-w-v198 {
        width: 81px;
        margin-left: -1px
    }

    .w-logo-web-w-v127 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v150, .w-logo-web-w-v135 {
        width: 81px;
        margin-left: -1px
    }

    .w-logo-web-w-v89 {
        width: 140px;
        margin-left: -1px
    }

    .w-logo-web-w-v200, .w-logo-web-w-v201 {
        width: 94px;
        margin-left: -1px
    }

    .w-logo-web-w-v202 {
        width: 75px;
        margin-left: -1px
    }

    .w-logo-web-w-v203 {
        width: 124px;
        margin-left: -1px
    }

    .w-logo-web-w-v199, .w-logo-web-w-v204 {
        width: 75px;
        margin-left: -1px
    }

    .w-logo-web-w-v205, .w-logo-web-w-v226 {
        width: 60px;
        margin-left: -1px;
        margin-top: 20px
    }

    .w-logo-web-w-v210, .w-logo-web-w-v131 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v108 {
        width: 123px;
        margin-left: -1px
    }

    .w-logo-web-w-v142 {
        width: 118px;
        margin-left: -1px
    }

    .w-logo-web-w-v74 {
        width: 113px;
        margin-left: -1px
    }

    .w-logo-web-w-v1644 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v187 {
        width: 75px;
        margin-left: -1px
    }

    .w-logo-web-w-v119 {
        width: 104px;
        margin-left: 11px
    }

    .w-logo-web-w-v184 {
        width: 120px;
        margin-left: -10px;
        margin-top: 32px
    }

    .w-logo-web-w-v155 {
        width: 140px;
        margin-left: 9px
    }

    .w-logo-web-big {
        width: 93px
    }

    .w-logo-web-berlin {
        width: 51px
    }
}

@media screen and (max-width: 360px) {
    .w-logo-web-w-v130 {
        width: 120px
    }

    .bg-signIn {
        margin-top: var(--card-margin-top) !important
    }

    .bg-signup {
        margin-top: var(--card-margin-top-signup) !important
    }

    .logo-w-signIn {
        position: absolute;
        top: var(--top-logo) !important;
        width: 66vw !important;
        right: 32px;
        z-index: 1
    }

    .logo-w-signIn-v147 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 30vw !important;
        right: 100px;
        z-index: 1
    }

    .logo-w-signIn-v215 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 55vw !important;
        right: 50px;
        z-index: 1;
        margin: 10px 0 0
    }

    .logo-w-signIn-v154 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 42vw !important;
        right: 80px;
        z-index: 1
    }

    .logo-w-signIUp, .logo-w-signIUp-v147 {
        top: var(--top-logo) !important;
        width: 53vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v119 {
        top: var(--top-logo) !important;
        width: 39vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v188 {
        top: var(--top-logo) !important;
        width: 28vw !important;
        right: 18px;
        z-index: 1
    }

    .logo-w-signIUp-v176, .logo-w-signIUp-v192, .logo-w-signIUp-v1911, .logo-w-signIUp-v205, .logo-w-signIUp-v226 {
        top: var(--top-logo) !important;
        width: 37vw !important;
        right: 18px;
        z-index: 1
    }
}

@media screen and (max-width: 300px) {
    .w-logo-web {
        width: 114px
    }

    .w-logo-web-w-v154 {
        width: 73px
    }

    .w-logo-web-w-v153 {
        width: 99px;
        margin-top: 24px
    }

    .w-logo-web-w-v180 {
        width: 99px
    }

    .w-logo-web-w-v159 {
        width: 91px;
        margin-top: 28px;
        margin-left: 0
    }

    .w-logo-web-w-v161, .w-logo-web-w-v1611 {
        width: 108px
    }

    .w-logo-web-w-v117 {
        width: 140px;
        margin-left: 0
    }

    .w-logo-web-w-v128 {
        width: 82px;
        margin-left: 16px
    }

    .w-logo-web-w-v177, .w-logo-web-w-v178, .w-logo-web-w-v160 {
        width: 104px;
        margin-left: -1px;
        margin-top: 26px
    }

    .w-logo-web-w-v147 {
        width: 104px;
        margin-left: -1px
    }

    .w-logo-web-w-v179, .w-logo-web-w-v181 {
        width: 78px;
        margin-left: -1px
    }

    .w-logo-web-w-v182 {
        width: 114px;
        margin-left: -1px
    }

    .w-logo-web-w-v183 {
        width: 127px;
        margin-left: -1px
    }

    .w-logo-web-w-v185 {
        width: 104px;
        margin-left: -1px
    }

    .w-logo-web-w-v188 {
        width: 64px;
        margin-left: -1px
    }

    .w-logo-web-w-v189, .w-logo-web-w-v223, .w-logo-web-w-v190, .w-logo-web-w-v191, .w-logo-web-w-v1911, .w-logo-web-w-v148 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v107 {
        width: 121px;
        margin-left: -1px
    }

    .w-logo-web-w-v192 {
        width: 69px;
        margin-left: -1px
    }

    .w-logo-web-w-v193, .w-logo-web-w-v144 {
        width: 113px;
        margin-left: -1px
    }

    .w-logo-web-w-v195 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v196, .w-logo-web-w-v197 {
        width: 100px;
        margin-left: -1px
    }

    .w-logo-web-w-v198 {
        width: 81px;
        margin-left: -1px
    }

    .w-logo-web-w-v127 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v150, .w-logo-web-w-v135, .w-logo-web-w-v89, .w-logo-web-w-v200, .w-logo-web-w-v201 {
        width: 81px;
        margin-left: -1px
    }

    .w-logo-web-w-v202 {
        width: 70px;
        margin-left: -1px
    }

    .w-logo-web-w-v203 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v199, .w-logo-web-w-v204 {
        width: 70px;
        margin-left: -1px
    }

    .w-logo-web-w-v205, .w-logo-web-w-v226 {
        width: 60px;
        margin-left: -1px;
        margin-top: 20px
    }

    .w-logo-web-w-v210, .w-logo-web-w-v131 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v108 {
        width: 110px;
        margin-left: -1px
    }

    .w-logo-web-w-v142 {
        width: 118px;
        margin-left: -1px
    }

    .w-logo-web-w-v74 {
        width: 113px;
        margin-left: -1px
    }

    .w-logo-web-w-v1644 {
        width: 120px;
        margin-left: -1px
    }

    .w-logo-web-w-v187 {
        width: 75px;
        margin-left: -1px
    }

    .w-logo-web-w-v119 {
        width: 104px;
        margin-left: 11px
    }

    .w-logo-web-w-v184 {
        width: 120px;
        margin-left: -10px;
        margin-top: 32px
    }

    .w-logo-web-w-v155 {
        width: 114px;
        margin-left: 9px
    }

    .w-logo-web-w-v157, .w-logo-web-w-v165 {
        width: 99px;
        margin-top: 33px;
        margin-left: 1px
    }

    .w-logo-web-big {
        width: 93px
    }

    .logo-w-signIn-v157, .logo-w-signIn-v165, .logo-w-signIn-v166, .logo-w-signIn-v167, .logo-w-signIn-v168 {
        top: var(--top-logo) !important;
        width: 12vw !important;
        right: 25vw
    }

    .logo-w-signIn-v171, .logo-w-signIn-v172 {
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw
    }

    .logo-w-signIn-v176 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 27vw !important;
        right: 29vw;
        z-index: 1
    }

    .logo-w-signIn-v177, .logo-w-signIn-v178, .logo-w-signIn-v160, .logo-w-signIn-v180, .logo-w-signIn-v182 {
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw
    }

    .logo-w-signIn-v187 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 40vw !important;
        right: 22vw;
        z-index: 1
    }

    .logo-w-signIn-v183, .logo-w-signIn-v185, .logo-w-signIn-v188, .logo-w-signIn-v189, .logo-w-signIn-v223, .logo-w-signIn-v190, .logo-w-signIn-v191, .logo-w-signIn-v1911 {
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw
    }

    .logo-w-signIn-v148, .logo-w-signIn-v107, .logo-w-signIn-v192 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 40vw !important;
        right: 24vw;
        z-index: 1
    }

    .logo-w-signIn-v193, .logo-w-signIn-v153 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 18vw;
        z-index: 1
    }

    .logo-w-signIn-v196 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 64px;
        z-index: 1
    }

    .logo-w-signIn-v197, .logo-w-signIn-v198 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 67px;
        z-index: 1
    }

    .logo-w-signIn-v205 {
        top: var(--top-logo) !important;
        width: 25vw !important;
        right: 114px;
        z-index: 1
    }

    .logo-w-signIn-v199 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 67px;
        z-index: 1
    }

    .logo-w-signIn-v97 {
        position: absolute;
        top: var(--top-logo) !important;
        width: 49vw !important;
        right: 18vw;
        z-index: 1
    }

    .logo-w-signIn-v1644 {
        top: var(--top-logo) !important;
        width: 38vw !important;
        right: 23vw
    }

    .logo-w-signIn-v159 {
        top: var(--top-logo) !important;
        width: 12vw !important;
        right: 25vw
    }

    .logo-w-signIn-v226 {
        top: var(--top-logo) !important;
        width: 25vw !important;
        right: 114px;
        z-index: 1
    }

    .w-logo-web-berlin {
        width: 51px
    }

    .w-logo-web-w-v162, .w-logo-web-w-v163 {
        width: 104px
    }
}

.spinner-border {
    --bs-spinner-width: 1rem !important;
    --bs-spinner-height: 1rem !important
}

option {
    color: var(--input-group-color)
}

.x-game-badge-image.-login-text:before {
    content: ""attr(id) "";
    top: 19%;
    left: 9%;
    width: 100%;
    font-size: 10px;
    height: auto;
    padding: 6px 0;
    background: var(--v-login);
    text-align: center;
    color: #f5f5f5;
    text-shadow: 0 0 5px rgb(0 0 0 / 50%)
}

@media screen and (max-width: 1366px) {
    .-menu-wrapper {
        display: none !important
    }

    .x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
        min-width: 119px !important
    }
}

@media screen and (max-width: 1024px) {
    .x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
        min-width: 119px !important
    }

    .x-game-badge-image.-login-text:before {
        content: ""attr(id) "";
        top: 12%;
        left: 10%;
        width: 100%;
        font-size: 10px !important;
        height: auto;
        padding: 6px 0;
        background: var(--v-login);
        text-align: center;
        color: #f5f5f5;
        text-shadow: 0 0 5px rgb(0 0 0 / 50%)
    }
}

@media screen and (max-width: 767.98px) {
    .x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
        min-width: 140px !important
    }
}

@media screen and (min-width: 1024px) {
    .footerMobileFixed {
        display: none
    }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .auction-list {
        height: 258px !important;
        overflow-y: scroll
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .auction-list {
        height: 558px;
        overflow-y: scroll
    }
}

.list__head span {
    color: #fff !important
}

.x-title-modal, .x-margin-top-v3 {
    margin-top: 0
}

img.position-user-top {
    position: absolute;
    width: 32px;
    right: 89px
}

.-bottom-curve {
    width: 90px
}

.-bottom-curve-v154 {
    width: 98px
}

.-bottom-curve-v185 {
    width: 98px;
    padding-bottom: 11px
}

.-bottom-curve-v204 {
    width: 100px;
    padding-bottom: 6px
}

.-bottom-curve-v202 {
    width: 98px;
    padding-bottom: 11px
}

.-bottom-curve-v196 {
    width: 98px;
    padding-bottom: 18px
}

.-bottom-curve-v190 {
    width: 98px
}

.-bottom-curve-v179, .-bottom-curve-v181 {
    width: 98px;
    padding-bottom: 11px
}

.-bottom-curve-v182 {
    width: 98px;
    padding-bottom: 0
}

.-bottom-curve-v174 {
    width: 150px;
    margin-bottom: 14px
}

.-bottom-curve-v148 {
    width: 90px
}

.-bottom-curve-v168 {
    width: 90px;
    padding-bottom: 10px
}

.-bottom-curve-v170 {
    width: 84px;
    padding-bottom: 0
}

.-bottom-curve-v172 {
    width: 81px;
    padding-bottom: 0
}

.-bottom-curve-v176, .-bottom-curve-v178 {
    width: 81px;
    padding-bottom: 7px
}

.-bottom-curve-v167, .-bottom-curve-v114, .-bottom-curve-v162 {
    width: 90px
}

.-bottom-curve-v213 {
    width: 70px;
    position: relative;
    top: -1.1rem
}

.-bottom-curve-v221, .-bottom-curve-v60 {
    width: 100px;
    position: relative;
    top: .3rem
}

.-bottom-curve-v225 {
    width: 100px;
    position: relative;
    top: -15px
}

@media screen and (max-width: 768px) {
    .-bottom-curve-v148 {
        width: 90px
    }

    .-bottom-curve-v168 {
        width: 90px;
        padding-bottom: 10px
    }

    .-bottom-curve-v170, .-bottom-curve-v172 {
        width: 81px;
        padding-bottom: 7px
    }

    .-bottom-curve-v176, .-bottom-curve-v178 {
        width: 81px;
        padding-bottom: 0
    }

    .-bottom-curve-v167 {
        width: 67px;
        padding-bottom: 16px
    }

    .-bottom-curve, .-bottom-curve-v162, .-bottom-curve-v114 {
        width: 90px
    }

    .-bottom-curve-v154 {
        width: 98px
    }

    .-bottom-curve-v185 {
        width: 98px;
        padding-bottom: 11px
    }

    .-bottom-curve-v204 {
        width: 100px;
        padding-bottom: 6px
    }

    .-bottom-curve-v202 {
        width: 98px;
        padding-bottom: 11px
    }

    .-bottom-curve-v196 {
        width: 98px;
        padding-bottom: 18px
    }

    .-bottom-curve-v190 {
        width: 98px
    }

    .-bottom-curve-v179, .-bottom-curve-v181 {
        width: 98px;
        padding-bottom: 11px
    }

    .-bottom-curve-v182 {
        width: 98px;
        padding-bottom: 0
    }

    .-bottom-curve-v174 {
        width: 150px;
        margin-bottom: 14px
    }

    .x-title-modal {
        margin-top: 42px
    }

    .x-margin-top-v3 {
        margin-top: 0 !important
    }

    img.position-user-top {
        position: absolute;
        width: 132px;
        right: 89px
    }
}

.cover-ribbon {
    height: 82px;
    width: 77px;
    position: absolute;
    right: 1px;
    overflow: hidden
}

.cover-ribbon .cover-ribbon-inside {
    background: #EA4335;
    color: #fff;
    transform: rotate(45deg);
    position: absolute;
    right: -35px;
    padding: 10px;
    top: 8px;
    font-size: 10px;
    min-width: 127px;
    text-align: center
}

.cover-ribbon .cover-ribbon-inside:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #992C23;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    top: 35px;
    transform: rotate(-45deg)
}

.cover-ribbon .cover-ribbon-inside:after {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #992C23;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: 0%;
    right: 0;
    top: 34px;
    bottom: 0;
    content: "";
    transform: rotate(-45deg)
}

.textHead-mission {
    font-size: 12px
}

.ellipsis-mission {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.x-index-top-container .-heading-sub-title {
    color: black
}

.x-index-top-container .-heading-sub-title {
    font-size: 21px;
    font-weight: 900
}

.css-15j76c0 {
    box-sizing: border-box;
    margin: 0;
    flex-direction: row;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%
}

.inputPaddingRegisterTop {
    margin-bottom: 10px
}

.padding-banner {
    padding-top: 0
}

@media only screen and (max-width: 1600px) {
    .padding-banner {
        padding-top: 0
    }
}

@media only screen and (max-width: 1024px) {
    .padding-banner {
        padding-top: 0
    }
}

.x-login-index {
    padding-top: 0
}

.border-shadow-title {
    padding-top: 10px
}

@media only screen and (max-width: 600px) {
    .inputTextLabel {
        font-size: 15px
    }

    .x-index-top-container .-heading-sub-title {
        font-size: 17px;
        font-weight: 900
    }

    .border-shadow-title {
        padding-top: 10px
    }

    .x-login-index, .padding-banner {
        padding-top: 0
    }
}

.inputTextLabel {
    color: var(--bg-white);
    font-size: 18px;
    padding-bottom: 12px;
    padding-left: 8px
}

.css-tuxzvu {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin-top: -8px;
    width: calc(100% + 0px)
}

.css-tuxzvu>.MuiGrid-item {
    padding: 8px
}

.css-o0rlmm {
    box-sizing: border-box;
    margin: 0;
    flex-direction: row;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 25%
}

.imgBankNotSelect {
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.imgBank {
    border-radius: 5px;
    cursor: pointer;
    -webkit-filter: grayscale(1) !important;
    filter: grayscale(1);
    position: relative;
    height: 100%;
    width: 100%
}

.imgBankNotSelect:hover {
    top: 2px
}

.card-width-banner {
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    margin-bottom: 0;
    padding-top: 10px
}

.card-width-banner-games {
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    margin-bottom: 0;
    padding-top: 0
}

@media only screen and (max-width: 600px) {
    .card-width-banner, .card-width-banner-games {
        width: -moz-available;
        width: -webkit-fill-available;
        width: fill-available;
        margin-bottom: 0;
        padding-top: 0
    }
}

.position-auto-text {
    bottom: 0;
    left: 0;
    color: var(--credit-bl-text);
    font-size: 12px !important;
    padding: 8px;
    font-weight: 700 !important;
    right: 0
}

marquee {
    background: #0089fa
}

.rightTI {
    background: #ff002b;
    white-space: nowrap;
    overflow: hidden;
    animation: marquee 18s linear infinite
}

.rightTI:hover {
    animation-play-state: paused
}

@-webkit-keyframes marquee {
    0% {
        text-indent: 100%
    }

    to {
        text-indent: -100%
    }
}

.rightCSS {
    background: #a35dc1;
    overflow: hidden
}

.rightCSS div {
    position: relative;
    animation: CSSright linear 18s infinite
}

@keyframes CSSright {
    0% {
        right: -100%
    }

    to {
        right: 100%
    }
}

.rightCSS:hover div {
    animation-play-state: paused
}

.rightJS {
    background: #ffa900
}

.rightJQ {
    background: #00a753
}

.li {
    float: left;
    width: 80%;
    padding: 1%;
    margin: 1% 10%;
    height: 20px;
    border-radius: .5em;
    box-shadow: 0 .1em .5em
}

.auction__body-menu .tab {
    padding-top: 10px
}

.img-logo-chat {
    width: 44px
}

.textHead, .text-white-v1-deposit, .font-income, .list__head span {
    color: #000000 !important
}

.list[data-v-0bcfa847] {
    top: 0
}

.list__head[data-v-0bcfa847] {
    height: 20px;
    display: flex;
    justify-content: space-between
}

.list__head span[data-v-0bcfa847] {
    font-size: 12px;
    line-height: 11px;
    color: #55657e
}

list__inner[data-v-0bcfa847] {
    overflow-y: scroll;
    overflow-x: hidden
}

.list-item[data-v-0bcfa847] {
    height: 53px;
    background: #1b2233;
    border-radius: 7px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid rgba(85, 101, 126, .28)
}

.list-item__user[data-v-0bcfa847] {
    flex: 1 1
}

.item-user[data-v-0bcfa847] {
    position: relative;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

[data-v-0bcfa847] .item-user__userpick {
    position: absolute !important;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.user--clickable[data-v-b41a49a6] {
    cursor: pointer
}

.user[data-v-b41a49a6] {
    display: flex;
    align-items: center
}

.user__avatar[data-v-b41a49a6] {
    position: relative;
    flex-shrink: 0
}

.user__inner[data-v-b41a49a6], .user__inner img[data-v-b41a49a6] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.user__inner[data-v-b41a49a6] {
    right: 0;
    overflow: hidden;
    border-radius: 50%
}

.user__level[data-v-b41a49a6] {
    right: -4px;
    bottom: -4px;
    position: absolute;
    background-color: #55657e;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    border-radius: 50%;
    color: #fff;
    pointer-events: none
}

.user__wrap[data-v-b41a49a6] {
    display: flex;
    flex-direction: column
}

.item-user__name[data-v-0bcfa847] {
    font-weight: 600;
    font-size: 11px;
    color: #55657e;
    text-align: left
}

.item-user__betsize[data-v-0bcfa847] {
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    color: #297fe5
}

.list-item__expected[data-v-0bcfa847] {
    font-weight: 600;
    font-size: 13px;
    color: #55657e
}

.currency[data-v-0bcfa847] {
    display: flex;
    align-items: center
}

.currency__coin[data-v-0bcfa847] {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    flex-shrink: 0
}

:where(iframe, img, input, video, select, textarea) {
    height: auto;
    /* max-width: 100% */
}

:where(audio, canvas, iframe, img, svg, video) {
    vertical-align: middle
}

.list-item__num[data-v-0bcfa847] {
    min-width: 38px;
    font-weight: 900;
    font-size: 32px;
    text-align: center;
    color: #798dad;
    opacity: .24;
    margin-right: 10px
}

.input_md .input__inner[data-v-152315b2] button {
    font-size: 16px
}

.number-wallet {
    width: 100%
}

.w-logo-web-w-v137, .w-logo-web-w-v143 {
    width: 63px
}

.text-white-v1-empty {
    text-align: center
}

.tourneys__tabs[data-v-02098bde] {
    display: flex;
    margin-bottom: 20px
}

.button-tab_md[data-v-47c7b004] {
    font-size: 14px;
    border-radius: 10px;
    padding: 8px 12px;
    border-radius: 3rem
}

.button-tab[data-v-47c7b004] {
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none;
    align-items: center;
    display: inline-flex;
    vertical-align: middle;
    justify-content: flex-start;
    font-weight: 600;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
    border: 2px solid transparent;
    color: var(--text-theme-footer);
    background-color: transparent
}

.button-tab span[data-v-47c7b004] {
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%
}

.button-tab.active[data-v-47c7b004], .button-tab[data-v-47c7b004]:disabled {
    cursor: default;
    background: var(--background-menu-active);
    opacity: 1;
    color: #fff
}

.swal2-checkbox {
    color: #fff !important;
    background-color: #0000000a !important
}

.bg-title-web {
    margin-top: 30px !important
}

.lang-type-bath {
    width: 20px;
    height: 20px
}

.elementor-element-play-overview {
    background-color: #0000000a !important
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(300px)
    }

    to {
        opacity: 1
    }
}

.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-duration: .5s;
    animation-delay: .5s
}

.-casino:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 55%;
    background: var(--background-border-bottom-left);
    border-radius: 0 20px 20px 0
}

.loginregishead {
    position: unset;
    right: 0;
    margin: 2px;
    display: flex
}

@media (max-width: 991.86px) {
    .btn-primary-nav {
        margin: 0 10px
    }
}

.btn-primary-nav {
    margin-bottom: 1rem;
    font-size: .9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
    border: 2px solid transparent;
    background-image: var(--btn-primary-nav);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 1px !important;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    line-height: 22px;
    transition: all .3s;
    border-radius: 15px !important
}

.btn-primary-nav:before {
    background: var(--btn-primary-nav-before);
    width: 100%;
    height: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    content: "";
    mix-blend-mode: screen;
    top: -4px
}

.btn-primary-nav:after {
    background: var(--btn-primary-nav-after);
    width: 100%;
    height: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    content: "";
    mix-blend-mode: screen;
    bottom: -4px
}

.btn-primary-nav a {
    display: block;
    padding: 8px 15px;
    color: var(--text-menu-bottom);
    text-decoration: none !important
}

.loginregishead {
    right: 10px;
    top: 4px
}

.loginregishead .btn-primary-nav:nth-child(2) {
    background-image: var(--loginregishead-btn-primary-nav);
    border-radius: 15px
}

@media screen and (max-width: 640px) {
    .loginregishead {
        right: 0px;
        top: 9px
    }

    .loginregishead {
        position: absolute;
        right: 0;
        margin: 2px;
        display: flex
    }

    .btn-primary-nav a {
        display: block;
        padding: 5px 3px;
        color: var(--text-menu-bottom);
        text-decoration: none !important
    }
}

@media screen and (max-width: 360px) {
    .btn-primary-nav a {
        display: block;
        padding: 4px 2px;
        color: var(--text-menu-bottom);
        text-decoration: none !important
    }
}

.btn-primary-nav:hover {
    -webkit-filter: saturate(2);
    filter: saturate(2);
    border-color: #ffc007;
    background-image: var(--btn-primary-nav-hover);
    text-shadow: 0 0 5px white, 0 0 15px white, 0 0 35px white
}

.x-jello-horizontal-v170 {
    animation: fa-spin 10s linear reverse infinite
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.x-jello-horizontal {
    animation: x-jello-horizontal 3s infinite both
}

@keyframes x-jello-horizontal {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    5% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    7.5% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    10% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    15% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    20% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    25%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.x-jello-horizontal-v172 {
    animation: fa-spin-v172 15s linear infinite
}

@keyframes fa-spin-v172 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.img-bank-title {
    width: 31px
}

.-wrapper-box {
    padding: 2px !important
}

.bg-text-highlight {
    background: var(--background-bg-text-highlight) !important;
    padding: 0;
    border-radius: 5px;
    margin: 3px
}

.bg-view {
    height: auto;
    box-sizing: border-box;
    background-image: var(--bg-view);
    background-size: cover
}

.elementor img {
    height: auto;
    max-width: 49%
}

.scroll-y-menu-left, .scroll-y-menu-left-nav {
    min-height: auto !important;
    height: auto !important;
    overflow-y: scroll !important
}

.font-event-size, .font-event-size-1 {
    font-size: 14px
}

@media screen and (max-width: 820px) {
    .bg-view {
        height: auto;
        box-sizing: border-box;
        background-image: var(--bg-view-mobile);
        background-size: cover
    }

    .font-event-size {
        font-size: 14px
    }

    .font-event-size-1 {
        font-size: 12px
    }

    .scroll-y-menu-left {
        min-height: auto !important;
        height: auto !important;
        overflow-y: scroll !important
    }

    .scroll-y-menu-left-nav {
        min-height: 660px !important;
        height: 660px !important;
        overflow-y: scroll !important
    }
}

.logo-web-page {
    animation: heartbeat 1.5s ease-in-out infinite both
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.x-transaction-button-v2 .-typo-wrapper .-title {
    font-size: 10px;
    color: var(--active-color-menu) !important
}

.credit-bl-text, .text-size-menu-casino, .text-white-v1, .-text-username11 {
    color: #000000;
}

.bg-table-dark-history-title {
    background: var(--bg-profile-box-overview) !important;
    border: 0px solid #222 !important;
    color: var(--text-color-input-group-signin) !important
}

.text-white-v1-text {
    color: var(--text-color-input-group-signin) !important
}

#link {
    color: #e45635;
    display: block;
    font: 12px Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none
}

#link:hover {
    color: #ccc
}

#link, #link:hover {
    -webkit-transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -ms-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
    transition: color .5s ease-out
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.loading-container, .loading {
    height: 45px;
    position: relative;
    width: 45px;
    border-radius: 100%
}

.loading-container {
    margin: 40px auto
}

.loading {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%
}

.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635
}

.loading-container:hover .loading, .loading-container .loading {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 7px;
    font-weight: 700;
    margin-top: 18px;
    margin-left: -27px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px
}

#loading-text {
    color: var(--menu_icon)
}

.login-auth {
    cursor: pointer
}

.frame-2-black {
    background: var(--bg-frame-2-black)
}

.lightning img {
    position: fixed;
    width: 100%;
    max-width: 338px !important;
    top: -79px;
    left: -42px;
    animation: lightning 5s ease 0s infinite normal none;
    z-index: -111
}

@keyframes lightning {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }

    20.4% {
        opacity: 0
    }

    21% {
        opacity: 1
    }

    22% {
        opacity: 0
    }

    23% {
        opacity: 1
    }

    50.4% {
        opacity: 0
    }

    53.3% {
        opacity: 0
    }

    56.9% {
        opacity: .5
    }

    57% {
        opacity: 0
    }

    59% {
        opacity: .5
    }
}

.lightning-1 img {
    position: fixed;
    width: 100%;
    max-width: 284px !important;
    top: -35px;
    left: 133px;
    animation: lightning-1 5s ease 0s infinite normal none;
    z-index: -111
}

@media screen and (max-width: 640px) {
    .lightning-1 img {
        position: fixed;
        width: 100%;
        max-width: 215px !important;
        top: -20px;
        left: 25px;
        animation: lightning-1 5s ease 0s infinite normal none;
        z-index: -111
    }
}

@media screen and (max-width: 360px) {
    .lightning-1 img {
        position: fixed;
        width: 100%;
        max-width: 165px !important;
        top: -8px;
        left: 32px;
        animation: lightning-1 5s ease 0s infinite normal none;
        z-index: -111
    }
}

@keyframes lightning-1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }

    20.4% {
        opacity: 0
    }

    21% {
        opacity: 1
    }

    22% {
        opacity: 0
    }

    23% {
        opacity: 1
    }

    50.4% {
        opacity: 0
    }

    53.3% {
        opacity: 0
    }

    56.9% {
        opacity: .5
    }

    57% {
        opacity: 0
    }

    59% {
        opacity: .5
    }
}

[class^=swal2] {
    color: #000 !important;
    color: var(--swal2-title) !important
}

div:where(.swal2-container) div:where(.swal2-popup) {
    background: var(--swal2-popup) !important
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    color: var(--swal2-confirm) !important
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    color: var(--swal2-cancel) !important
}

.js-submit-accept-term span {
    color: var(--credit-bl-text) !important
}

/* body {
    background-color: #ffffff !important
} */

.x-index-top-container {
    height: 690px;
    box-sizing: border-box;
    background-color: #000;
    background: var(--bg-app-desktop) center 0 no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center
}

.padding-router-view {
    padding: 0 10px
}

@media screen and (max-width: 640px) {
    .padding-router-view {
        padding: 0
    }

    .x-index-top-container {
        background-color: #000;
        height: 790px;
        box-sizing: border-box;
        background: var(--bg-app) center 0 no-repeat;
        background-size: contain
    }
}

/*!
 * Bootstrap  v5.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*, *:before, *:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

/* body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
} */

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem
    }
}

h2, .h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem
    }
}

h3, .h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem
    }
}

h4, .h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem
    }
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small, .small {
    font-size: .875em
}

mark, .mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub, sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre, code, kbd, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "\2014\a0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: .25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: .25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: .5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: .5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
    border-radius: .375rem
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px)
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    appearance: none;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check[disabled]+.btn, .btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control, .form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control::placeholder, .form-floating>.form-control-plaintext::placeholder {
    color: transparent
}

.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown), .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill, .form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-control-plaintext~label, .form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control, .input-group>.form-select, .input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus, .input-group>.form-select:focus, .input-group>.form-floating:focus-within {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

.input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text, .input-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .input-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.input-group-lg>.form-select, .input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control, .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754e6;
    border-radius: .375rem
}

.was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:valid, .form-select.is-valid {
    border-color: #198754
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: #198754
}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: #198754
}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):valid, .input-group>.form-control:not(:focus).is-valid, .was-validated .input-group>.form-select:not(:focus):valid, .input-group>.form-select:not(:focus).is-valid, .was-validated .input-group>.form-floating:not(:focus-within):valid, .input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .375rem
}

.was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: #dc3545
}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    background-color: #dc3545
}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):invalid, .input-group>.form-control:not(:focus).is-invalid, .was-validated .input-group>.form-select:not(:focus):invalid, .input-group>.form-select:not(:focus).is-invalid, .was-validated .input-group>.form-floating:not(:focus-within):invalid, .input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: .375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

:not(.btn-check)+.btn:hover, .btn:first-child:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible, :not(.btn-check)+.btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-lg, .btn-group-lg>.btn {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: .5rem
}

.btn-sm, .btn-group-sm>.btn {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: .25rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: .375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle:after {
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: .375rem
}

.btn-group>:not(.btn-check:first-child)+.btn, .btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn, .btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after, .dropend .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn~.btn, .btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover, .nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: .375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: .375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill>.nav-link, .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link, .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(0, 0, 0, .55);
    --bs-navbar-hover-color: rgba(0, 0, 0, .7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, .3);
    --bs-navbar-active-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);
    --bs-navbar-toggler-border-radius: .375rem;
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:hover, .navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .show>.nav-link, .navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a, .navbar-text a:hover, .navbar-text a:focus {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, .55);
    --bs-navbar-hover-color: rgba(255, 255, 255, .75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, .25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: .375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(.375rem - 1px);
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group, .card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-top, .card-img-bottom {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: .375rem;
    --bs-accordion-inner-border-radius: calc(.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: .375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link.active, .active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled, .disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: .5rem
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: .25rem
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: .375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: .375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: .375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width .6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, .125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: .375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item:before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled, .list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40;
    opacity: 1
}

.btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(255, 255, 255, .85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: .375rem;
    --bs-toast-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, .85);
    --bs-toast-header-border-color: rgba(0, 0, 0, .05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: .5rem;
    --bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-modal-inner-border-radius: calc(.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: .375rem;
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-top .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-end .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0
}

.bs-tooltip-bottom .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-start .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: .5rem;
    --bs-popover-inner-border-radius: calc(.5rem - 1px);
    --bs-popover-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: ;
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow:before, .popover .popover-arrow:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-top>.popover-arrow, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-top>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-top>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-top>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-end>.popover-arrow, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-end>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-end>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-end>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom>.popover-arrow, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-bottom>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .bs-popover-bottom>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-bottom>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header:before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start>.popover-arrow, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-start>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .bs-popover-start>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-start>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
    transform: translate(100%)
}

.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-grow, .spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
        visibility: visible
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
        visibility: visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
        visibility: visible
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.showing, .offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: #0d6efd !important
}

.link-primary:hover, .link-primary:focus {
    color: #0a58ca !important
}

.link-secondary {
    color: #6c757d !important
}

.link-secondary:hover, .link-secondary:focus {
    color: #565e64 !important
}

.link-success {
    color: #198754 !important
}

.link-success:hover, .link-success:focus {
    color: #146c43 !important
}

.link-info {
    color: #0dcaf0 !important
}

.link-info:hover, .link-info:focus {
    color: #3dd5f3 !important
}

.link-warning {
    color: #ffc107 !important
}

.link-warning:hover, .link-warning:focus {
    color: #ffcd39 !important
}

.link-danger {
    color: #dc3545 !important
}

.link-danger:hover, .link-danger:focus {
    color: #b02a37 !important
}

.link-light {
    color: #f8f9fa !important
}

.link-light:hover, .link-light:focus {
    color: #f9fafb !important
}

.link-dark {
    color: #212529 !important
}

.link-dark:hover, .link-dark:focus {
    color: #1a1e21 !important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translate(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    height: 200px !important;
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.css-k008qs {
    display: flex;
}

.css-6nndln {
    width: 100%;
    background-color: black;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-1lstxr {
    width: 90%;
    background: black;
    border-radius: 43px 35px 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80 !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: transparent;
    border-radius: 4px
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #26114b
}

::-webkit-scrollbar-track {
    background: #0f1320;
    width: 8px;
    height: 8px;
    border-radius: 0
}

.carousel__pagination-button {
    width: 21px !important;
    height: 8px
}

ol, ul {
    padding-left: 0rem !important
}

.app-background {
    background-color: var(--app-background-color)
}

.app-title {
    color: var(--app-title-color)
}

.app-subtitle {
    color: var(--app-subtitle-color);
    padding-top: 10px
}

.change-theme-box {
    cursor: pointer;
    color: var(--app-subtitle-color);
    font-size: 1em;
    font-weight: 400
}

.x-index-top-container .-index-inner-wrapper .-heading-wrapper {
    padding: 1rem 2rem
}

.x-index-top-container .-index-inner-wrapper .-heading-wrapper .-paragraph, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-sub-title, .x-index-top-container .-index-inner-wrapper .-heading-wrapper .-title {
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 300
}

.-title {
    font-size: 12px
}

.x-index-top-container {
    padding-top: 0;
    padding-bottom: 0;
    background-position: top;
    background-repeat: repeat;
    overflow: hidden;
    top: 0;
    left: 0;
    height: auto;
    overflow: auto
}

.x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container {
    padding: 0 .5rem
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link {
    position: relative
}

.x-category-provider .-games-list-container .nav .nav-item .nav-link {
    padding: 0
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay {
    background: rgba(0, 0, 0, .49);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
    transition: all .2s;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

[data-animatable].animated {
    opacity: 1
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner {
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 20px
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-title {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: .1rem;
    transition: all .4s
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-sub-title {
    color: #f3f3f3
}

.x-category-provider .-games-list-container .nav .nav-item.-random-container .-text-nav-menu {
    margin-top: .6rem
}

.x-category-provider .-games-list-container .nav .nav-item .-text-nav-menu {
    margin-top: .75rem;
    margin-bottom: 0;
    color: #c4c4c4
}

.x-game-list-item-macro, .x-game-list-item-macro .-inner-wrapper {
    position: relative
}

.x-game-list-item-macro:hover .-inner-wrapper .-overlay {
    opacity: 1;
    visibility: visible
}

.x-game-list-item-macro .-inner-wrapper .-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #383653b3;
    transition: all .4s;
    border-radius: 15px;
    z-index: 3
}

.x-game-list-item-macro.-big .-inner-wrapper .-overlay .-overlay-inner, .x-game-list-item-macro.-big .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn-play {
    min-width: 120px
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 150px;
    padding: 10px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container {
    display: flex;
    flex-direction: column;
    margin: auto
}

.x-game-list-item-macro:hover .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play {
    position: relative;
    color: #fff;
    background: linear-gradient(180deg, #fbc844, #f88012);
    overflow: hidden;
    cursor: pointer;
    text-decoration: none
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play:before {
    top: 0;
    opacity: 1;
    background: linear-gradient(180deg, #fbc844, #f88012)
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
    min-width: 119px;
    padding: 5px;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .2s;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #00000080;
    display: flex;
    align-items: center;
    justify-content: center
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn .fas {
    top: 1px;
    margin-right: 8px;
    font-size: 12px
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn .-text-btn, .x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn .fas {
    position: relative;
    z-index: 2;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play:after {
    top: 0;
    opacity: 0;
    background: linear-gradient(180deg, #fcd776, #f99b44)
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play:after, .x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-play:before {
    content: ""attr(id) "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: all .2s
}

.x-game-list-item-macro .-title {
    color: #c4c4c4;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400
}

.x-game-list-item-macro.-cannot-entry.-untestable .-btn-play {
    cursor: pointer;
    pointer-events: auto
}

.-cover-img {
    border-radius: 15px
}

@media (max-width: 575.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-title {
        margin-top: 0;
        font-weight: 500;
        font-size: .9rem
    }
}

@media (max-width: 991.98px) {
    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay .-overlay-inner .-title {
        font-weight: 600;
        font-size: .9rem
    }
}

@media (max-width: 767.98px) {
    .-heading-wrapper .-title {
        font-size: .875rem
    }

    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay {
        height: 53%
    }
}

@media (max-width: 991.98px) {
    .-heading-wrapper .-title {
        text-align: center;
        font-size: 1rem
    }

    .x-category-provider .-games-list-container .nav .nav-item.-random-container .nav-link .-overlay {
        height: 53%
    }
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn.-btn-demo {
    margin-top: .75rem;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    border: 1px solid hsla(0deg, 0%, 100%, .8);
    cursor: pointer;
    text-decoration: none
}

.x-game-list-item-macro .-inner-wrapper .-overlay .-overlay-inner .-wrapper-container .-btn {
    min-width: 116px;
    padding: 5px;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .2s;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #00000080;
    display: flex;
    align-items: center;
    justify-content: center
}

.circle-card-game {
    width: 100%
}

@media (max-width: 575.98px) {
    .x-game-badge-image.-login-text:before {
        font-weight: 900;
        top: 18%;
        left: 15%;
        padding: 2px 0;
        font-size: .75rem
    }
}

@media (max-width: 767.98px) {
    .x-game-badge-image.-login-text:before {
        font-weight: 900;
        top: 18%;
        left: 14%;
        padding: 4px 0;
        font-size: .875rem;
        text-align: center
    }
}

.x-game-badge-image.-login-text {
    width: 100%;
    height: 100px
}

.x-game-badge-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    overflow: hidden
}

.x-game-badge-image.-login-text .-img {
    display: none
}

.x-game-badge-image .-img {
    z-index: 1;
    width: 18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-game-badge-image:before {
    content: ""attr(id) "";
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 100%;
    height: 28px;
    background: rgba(0, 0, 0, .4)
}

.x-game-badge-image .-img, .x-game-badge-image:before {
    position: absolute;
    top: 32%;
    left: 32%;
    text-align: center;
    font-weight: 900
}

@media (max-width: 575.98px) {
    .x-game-badge-image-new.-login-text:before {
        font-weight: 900;
        top: 17px;
        left: 16px;
        padding: 1px 0;
        font-size: 13px;
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .x-game-badge-image-new.-login-text:before {
        font-weight: 900;
        top: 17px;
        left: 16px;
        padding: 1px 0;
        font-size: 13px;
        text-align: center
    }
}

.x-game-badge-image-new.-login-text {
    width: 100%;
    height: 100px
}

.x-game-badge-image-new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    overflow: hidden
}

.x-game-badge-image-new.-login-text .-img {
    display: none
}

.x-game-badge-image-new .-img {
    z-index: 1;
    width: 18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-game-badge-image-new:before {
    content: ""attr(id) "";
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 98px;
    height: 25px;
    background: rgba(0, 0, 0, .4)
}

.x-game-badge-image-new .-img, .x-game-badge-image-new:before {
    position: absolute;
    top: 20%;
    left: 10%;
    text-align: center;
    font-weight: 900
}

@media (max-width: 575.98px) {
    .x-game-badge-image-hot.-login-text:before {
        font-weight: 900;
        top: 21px;
        left: 123px;
        padding: 1px 0;
        font-size: 13px;
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .x-game-badge-image-hot.-login-text:before {
        font-weight: 900;
        top: 21px;
        left: 123px;
        padding: 1px 0;
        font-size: 13px;
        text-align: center
    }
}

.x-game-badge-image-hot.-login-text {
    width: 100%;
    height: 100px
}

.x-game-badge-image-hot {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    overflow: hidden
}

.x-game-badge-image-hot.-login-text .-img {
    display: none
}

.x-game-badge-image-hot .-img {
    z-index: 1;
    width: 18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-game-badge-image-hot:before {
    content: ""attr(id) "";
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(47deg);
    width: 98px;
    height: 25px;
    background: rgba(0, 0, 0, .4)
}

.x-game-badge-image-hot .-img, .x-game-badge-image-hot:before {
    font-weight: 900;
    text-align: center;
    position: absolute;
    top: 22%;
    right: -39%
}

@media (max-width: 575.98px) {
    .x-game-badge-image-recommend.-login-text:before {
        font-weight: 900;
        top: 75px;
        left: 22px;
        padding: 1px 0;
        font-size: 13px;
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .x-game-badge-image-recommend.-login-text:before {
        font-weight: 900;
        top: 75px;
        left: 22px;
        padding: 1px 0;
        font-size: 13px;
        text-align: center
    }
}

.x-game-badge-image-recommend.-login-text {
    width: 100%;
    height: 100px
}

.x-game-badge-image-recommend {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    overflow: hidden
}

.x-game-badge-image-recommend.-login-text .-img {
    display: none
}

.x-game-badge-image-recommend .-img {
    z-index: 1;
    width: 18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-game-badge-image-recommend:before {
    content: ""attr(id) "";
    -webkit-transform: translate(-50%, -50%) rotate(50deg);
    transform: translate(-50%, -50%) rotate(0);
    width: 44px;
    height: 25px;
    background: rgba(0, 0, 0, .4)
}

.x-game-badge-image-recommend .-img, .x-game-badge-image-recommend:before {
    position: absolute;
    top: 84px;
    right: -21px;
    text-align: center;
    font-weight: 900
}

.text-navbar-menu {
    color: var(--text-theme-menu)
}

.dp__input_wrap {
    position: relative;
    width: 100%;
    box-sizing: unset
}

.dp__input_wrap:focus {
    border-color: var(--dp-border-color-hover);
    outline: none
}

.dp__input {
    background-color: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    font-family: var(--dp-font-family);
    border: 1px solid var(--dp-border-color);
    outline: none;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size)*1.5);
    padding: var(--dp-input-padding);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp__input::placeholder {
    opacity: .7
}

.dp__input:hover {
    border-color: var(--dp-border-color-hover)
}

.dp__input_reg {
    caret-color: #0000
}

.dp__input_focus {
    border-color: var(--dp-border-color-hover)
}

.dp__disabled {
    background: var(--dp-disabled-color)
}

.dp__disabled::placeholder {
    color: var(--dp-disabled-color-text)
}

.dp__input_icons {
    display: inline-block;
    width: var(--dp-font-size);
    height: var(--dp-font-size);
    stroke-width: 0;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size)*1.5);
    padding: 6px 12px;
    color: var(--dp-icon-color);
    box-sizing: content-box
}

.dp__input_icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
    color: var(--dp-icon-color)
}

.dp__clear_icon {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--dp-icon-color)
}

.dp__input_icon_pad {
    padding-inline-start: var(--dp-input-icon-padding)
}

.dp__input_valid {
    box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
    border-color: var(--dp-success-color)
}

.dp__input_valid:hover {
    border-color: var(--dp-success-color)
}

.dp__input_invalid {
    box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
    border-color: var(--dp-danger-color)
}

.dp__input_invalid:hover {
    border-color: var(--dp-danger-color)
}

.dp__menu {
    background: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    min-width: var(--dp-menu-min-width);
    font-family: var(--dp-font-family);
    font-size: var(--dp-font-size);
    user-select: none;
    border: 1px solid var(--dp-menu-border-color);
    box-sizing: border-box
}

.dp__menu:after {
    box-sizing: border-box
}

.dp__menu:before {
    box-sizing: border-box
}

.dp__menu:focus {
    border: 1px solid var(--dp-menu-border-color);
    outline: none
}

.dp--menu-wrapper {
    position: absolute;
    z-index: 99999
}

.dp__menu_inner {
    padding: var(--dp-menu-padding)
}

.dp--menu--inner-stretched {
    padding: 6px 0
}

.dp__menu_index {
    z-index: 99999
}

.dp__menu_readonly, .dp__menu_disabled {
    position: absolute;
    inset: 0;
    z-index: 999999
}

.dp__menu_disabled {
    background: rgba(255, 255, 255, .5);
    cursor: not-allowed
}

.dp__menu_readonly {
    background: rgba(0, 0, 0, 0);
    cursor: default
}

.dp__arrow_top {
    left: 50%;
    top: 0;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-inline-end: 1px solid var(--dp-menu-border-color);
    border-top: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.dp__arrow_bottom {
    left: 50%;
    bottom: 0;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-inline-end: 1px solid var(--dp-menu-border-color);
    border-bottom: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%, 50%) rotate(45deg)
}

.dp__action_extra {
    text-align: center;
    padding: 2px 0
}

.dp--preset-dates {
    padding: 5px;
    border-inline-end: 1px solid var(--dp-border-color)
}

@media only screen and (width <=600px) {
    .dp--preset-dates {
        display: flex;
        align-self: center;
        border: none;
        overflow-x: auto;
        max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)
    }
}

.dp__sidebar_left {
    padding: 5px;
    border-inline-end: 1px solid var(--dp-border-color)
}

.dp__sidebar_right {
    padding: 5px;
    margin-inline-end: 1px solid var(--dp-border-color)
}

.dp--preset-range {
    display: block;
    width: 100%;
    padding: 5px;
    text-align: left;
    white-space: nowrap;
    color: var(--dp-text-color);
    border-radius: var(--dp-border-radius);
    transition: var(--dp-common-transition)
}

.dp--preset-range:hover {
    background-color: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    cursor: pointer
}

@media only screen and (width <=600px) {
    .dp--preset-range {
        border: 1px solid var(--dp-border-color);
        margin: 0 3px
    }

    .dp--preset-range:first-child {
        margin-left: 0
    }

    .dp--preset-range:last-child {
        margin-right: 0
    }
}

.dp__menu_content_wrapper {
    display: flex
}

@media only screen and (width <=600px) {
    .dp__menu_content_wrapper {
        flex-direction: column-reverse
    }
}

.dp__calendar_header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--dp-text-color);
    white-space: nowrap;
    font-weight: 700
}

.dp__calendar_header_item {
    text-align: center;
    flex-grow: 1;
    height: var(--dp-cell-size);
    padding: var(--dp-cell-padding);
    width: var(--dp-cell-size);
    box-sizing: border-box
}

.dp__calendar_row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--dp-row-margin)
}

.dp__calendar_item {
    text-align: center;
    flex-grow: 1;
    box-sizing: border-box;
    color: var(--dp-text-color)
}

.dp__calendar {
    position: relative
}

.dp__calendar_header_cell {
    border-bottom: thin solid var(--dp-border-color);
    padding: var(--dp-calendar-header-cell-padding)
}

.dp__cell_inner {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: var(--dp-cell-border-radius);
    height: var(--dp-cell-size);
    padding: var(--dp-cell-padding);
    width: var(--dp-cell-size);
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    position: relative
}

.dp__cell_inner:hover {
    transition: all .2s
}

.dp__cell_auto_range_start, .dp__date_hover_start:hover, .dp__range_start {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.dp__cell_auto_range_end, .dp__date_hover_end:hover, .dp__range_end {
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.dp__range_end, .dp__range_start, .dp__active_date {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__cell_auto_range_end, .dp__cell_auto_range_start {
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color)
}

.dp__date_hover_end:hover, .dp__date_hover_start:hover, .dp__date_hover:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__cell_offset {
    color: var(--dp-secondary-color)
}

.dp__cell_disabled {
    color: var(--dp-secondary-color);
    cursor: not-allowed
}

.dp__range_between {
    background: var(--dp-range-between-dates-background-color);
    color: var(--dp-range-between-dates-text-color);
    border-radius: 0;
    border: 1px solid var(--dp-range-between-border-color)
}

.dp__range_between_week {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
    border-radius: 0;
    border-top: 1px solid var(--dp-primary-color);
    border-bottom: 1px solid var(--dp-primary-color)
}

.dp__today {
    border: 1px solid var(--dp-primary-color)
}

.dp__week_num {
    color: var(--dp-secondary-color);
    text-align: center
}

.dp__cell_auto_range {
    border-radius: 0;
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_start {
    border-inline-start: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_end {
    border-inline-end: 1px dashed var(--dp-primary-color)
}

.dp__calendar_header_separator {
    width: 100%;
    height: 1px;
    background: var(--dp-border-color)
}

.dp__calendar_next {
    margin-inline-start: var(--dp-multi-calendars-spacing)
}

.dp__marker_line, .dp__marker_dot {
    height: 5px;
    background-color: var(--dp-marker-color);
    position: absolute;
    bottom: 0
}

.dp__marker_dot {
    width: 5px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%)
}

.dp__marker_line {
    width: 100%;
    left: 0
}

.dp__marker_tooltip {
    position: absolute;
    border-radius: var(--dp-border-radius);
    background-color: var(--dp-tooltip-color);
    padding: 5px;
    border: 1px solid var(--dp-border-color);
    z-index: 99999;
    box-sizing: border-box;
    cursor: default
}

.dp__tooltip_content {
    white-space: nowrap
}

.dp__tooltip_text {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--dp-text-color)
}

.dp__tooltip_mark {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: var(--dp-text-color);
    color: var(--dp-text-color);
    margin-inline-end: 5px
}

.dp__arrow_bottom_tp {
    bottom: 0;
    height: 8px;
    width: 8px;
    background-color: var(--dp-tooltip-color);
    position: absolute;
    border-inline-end: 1px solid var(--dp-border-color);
    border-bottom: 1px solid var(--dp-border-color);
    transform: translate(-50%, 50%) rotate(45deg)
}

.dp__instance_calendar {
    position: relative;
    width: 100%
}

@media only screen and (width <=600px) {
    .dp__flex_display {
        flex-direction: column
    }
}

.dp__cell_highlight {
    background-color: var(--dp-highlight-color)
}

.dp__month_year_row {
    display: flex;
    align-items: center;
    height: var(--dp-month-year-row-height);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp__inner_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: var(--dp-month-year-row-button-size);
    width: var(--dp-month-year-row-button-size);
    color: var(--dp-icon-color);
    text-align: center;
    border-radius: 50%
}

.dp__inner_nav svg {
    height: var(--dp-button-icon-height);
    width: var(--dp-button-icon-height)
}

.dp__inner_nav:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

[dir=rtl] .dp__inner_nav {
    transform: rotate(180deg)
}

.dp__inner_nav_disabled:hover, .dp__inner_nav_disabled {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed
}

.dp--year-select, .dp__month_year_select {
    text-align: center;
    cursor: pointer;
    height: var(--dp-month-year-row-height);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--dp-border-radius);
    box-sizing: border-box;
    color: var(--dp-text-color)
}

.dp--year-select:hover, .dp__month_year_select:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition)
}

.dp__month_year_select {
    width: 50%
}

.dp--year-select {
    width: 100%
}

.dp__month_year_wrap {
    display: flex;
    width: 100%
}

.dp__year_disable_select {
    justify-content: space-around
}

.dp__overlay {
    width: 100%;
    background: var(--dp-background-color);
    transition: opacity 1s ease-out;
    z-index: 99999;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp--overlay-absolute {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

.dp--overlay-relative {
    position: relative
}

.dp__overlay_container::-webkit-scrollbar-track {
    box-shadow: var(--dp-scroll-bar-background);
    background-color: var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar {
    width: 5px;
    background-color: var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar-thumb {
    background-color: var(--dp-scroll-bar-color);
    border-radius: 10px
}

.dp__overlay:focus {
    border: none;
    outline: none
}

.dp__container_flex {
    display: flex
}

.dp__container_block {
    display: block
}

.dp__overlay_container {
    flex-direction: column;
    overflow-y: auto
}

.dp__time_picker_overlay_container {
    height: 100%
}

.dp__overlay_row {
    padding: 0;
    box-sizing: border-box;
    display: flex;
    margin-inline: auto auto;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    align-items: center
}

.dp__flex_row {
    flex: 1
}

.dp__overlay_col {
    box-sizing: border-box;
    width: 33%;
    padding: var(--dp-overlay-col-padding);
    white-space: nowrap
}

.dp__overlay_cell_pad {
    padding: var(--dp-common-padding) 0
}

.dp__overlay_cell_active {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center;
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__overlay_cell {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center
}

.dp__overlay_cell:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition)
}

.dp__cell_in_between {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__over_action_scroll {
    right: 5px;
    box-sizing: border-box
}

.dp__overlay_cell_disabled {
    cursor: not-allowed;
    background: var(--dp-disabled-color)
}

.dp__overlay_cell_disabled:hover {
    background: var(--dp-disabled-color)
}

.dp__overlay_cell_active_disabled {
    cursor: not-allowed;
    background: var(--dp-primary-disabled-color)
}

.dp__overlay_cell_active_disabled:hover {
    background: var(--dp-primary-disabled-color)
}

.dp__btn, .dp--qr-btn, .dp--time-invalid, .dp--time-overlay-btn {
    border: none;
    font: inherit;
    transition: var(--dp-common-transition);
    line-height: normal
}

.dp--year-mode-picker {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: var(--dp-cell-size)
}

.dp--tp-wrap {
    max-width: var(--dp-menu-min-width)
}

.dp__time_input {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color)
}

.dp__time_col_reg_block {
    padding: 0 20px
}

.dp__time_col_reg_inline {
    padding: 0 10px
}

.dp__time_col_reg_with_button {
    padding: 0 15px
}

.dp__time_col_sec {
    padding: 0 10px
}

.dp__time_col_sec_with_button {
    padding: 0 5px
}

.dp__time_col {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.dp__time_col_block {
    font-size: var(--dp-time-font-size)
}

.dp__time_display {
    cursor: pointer;
    color: var(--dp-text-color);
    border-radius: var(--dp-border-radius);
    display: flex;
    align-items: center;
    justify-content: center
}

.dp__time_display:hover:enabled {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__time_display_block {
    padding: 0 3px
}

.dp__time_display_inline {
    padding: 5px
}

.dp__time_picker_inline_container {
    display: flex;
    width: 100%;
    justify-content: center
}

.dp__inc_dec_button {
    padding: 5px;
    margin: 0;
    height: var(--dp-time-inc-dec-button-size);
    width: var(--dp-time-inc-dec-button-size);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    color: var(--dp-icon-color);
    box-sizing: border-box
}

.dp__inc_dec_button svg {
    height: var(--dp-time-inc-dec-button-size);
    width: var(--dp-time-inc-dec-button-size)
}

.dp__inc_dec_button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-primary-color)
}

.dp__inc_dec_button_inline {
    width: 100%;
    padding: 0;
    height: 8px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.dp__inc_dec_button_disabled:hover, .dp__inc_dec_button_disabled {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed
}

.dp__pm_am_button {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
    border: none;
    padding: var(--dp-common-padding);
    border-radius: var(--dp-border-radius);
    cursor: pointer
}

.dp__tp_inline_btn_bar {
    width: 100%;
    height: 4px;
    background-color: var(--dp-secondary-color);
    transition: var(--dp-common-transition);
    border-collapse: collapse
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
    background-color: var(--dp-primary-color);
    transform: rotate(12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l, .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
    background-color: var(--dp-primary-color);
    transform: rotate(-12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
    background-color: var(--dp-primary-color);
    transform: rotate(12deg) scale(1.15) translateY(-2px)
}

.dp--time-overlay-btn {
    background: none
}

.dp--time-invalid {
    background-color: var(--dp-disabled-color)
}

.dp__action_row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--dp-action-row-padding);
    box-sizing: border-box;
    color: var(--dp-text-color);
    flex-flow: row nowrap
}

.dp__action_row svg {
    height: var(--dp-button-icon-height);
    width: auto
}

.dp__selection_preview {
    display: block;
    color: var(--dp-text-color);
    font-size: var(--dp-preview-font-size);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dp__action_buttons {
    display: flex;
    flex: 0;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start: auto
}

.dp__action_button {
    display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: var(--dp-action-buttons-padding);
    line-height: var(--dp-action-button-height);
    margin-inline-start: 3px;
    height: var(--dp-action-button-height);
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    font-size: var(--dp-preview-font-size);
    font-family: var(--dp-font-family)
}

.dp__action_select {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__action_select:hover {
    background: var(--dp-primary-color);
    transition: var(--dp-action-row-transtion)
}

.dp__action_select:disabled {
    background: var(--dp-primary-disabled-color);
    cursor: not-allowed
}

.dp__action_cancel {
    color: var(--dp-text-color);
    border: 1px solid var(--dp-border-color)
}

.dp__action_cancel:hover {
    border-color: var(--dp-primary-color);
    transition: var(--dp-action-row-transtion)
}

.dp-quarter-picker-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: var(--dp-menu-min-width)
}

.dp--qr-btn {
    width: 100%;
    padding: var(--dp-common-padding)
}

.dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
    background: none
}

.dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition)
}

.dp--quarter-items {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    justify-content: space-evenly
}

.dp--qr-btn-active {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp--qr-btn-between {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp--qr-btn-disabled {
    cursor: not-allowed;
    background: var(--dp-disabled-color)
}

.dp--qr-btn-disabled:hover {
    background: var(--dp-disabled-color)
}

.dp__btn, .dp--time-overlay-btn, .dp--time-invalid, .dp--qr-btn {
    border: none;
    font: inherit;
    transition: var(--dp-common-transition);
    line-height: normal
}

.dp--year-mode-picker {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: var(--dp-cell-size)
}

:root {
    --dp-common-transition: all .1s ease-in;
    --dp-menu-padding: 6px 8px;
    --dp-animation-duration: .1s;
    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
    --dp-transition-timing: ease-out;
    --dp-action-row-transtion: all .2s ease-in;
    --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --dp-border-radius: 4px;
    --dp-cell-border-radius: 4px;
    --dp-transition-length: 22px;
    --dp-transition-timing-general: .1s;
    --dp-button-height: 35px;
    --dp-month-year-row-height: 35px;
    --dp-month-year-row-button-size: 25px;
    --dp-button-icon-height: 20px;
    --dp-calendar-wrap-padding: 0 5px;
    --dp-cell-size: 35px;
    --dp-cell-padding: 5px;
    --dp-common-padding: 10px;
    --dp-input-icon-padding: 35px;
    --dp-input-padding: 6px 30px 6px 12px;
    --dp-menu-min-width: 260px;
    --dp-action-buttons-padding: 1px 6px;
    --dp-row-margin: 5px 0;
    --dp-calendar-header-cell-padding: .5rem;
    --dp-multi-calendars-spacing: 10px;
    --dp-overlay-col-padding: 3px;
    --dp-time-inc-dec-button-size: 32px;
    --dp-font-size: 1rem;
    --dp-preview-font-size: .8rem;
    --dp-time-font-size: 2rem;
    --dp-action-button-height: 22px;
    --dp-action-row-padding: 8px
}

.dp__theme_dark {
    --dp-background-color: #212121;
    --dp-text-color: #fff;
    --dp-hover-color: #484848;
    --dp-hover-text-color: #fff;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #005cb2;
    --dp-primary-disabled-color: #61a8ea;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #a9a9a9;
    --dp-border-color: #2d2d2d;
    --dp-menu-border-color: #2d2d2d;
    --dp-border-color-hover: #aaaeb7;
    --dp-disabled-color: #737373;
    --dp-disabled-color-text: #d0d0d0;
    --dp-scroll-bar-background: #212121;
    --dp-scroll-bar-color: #484848;
    --dp-success-color: #00701a;
    --dp-success-color-disabled: #428f59;
    --dp-icon-color: #959595;
    --dp-danger-color: #e53935;
    --dp-marker-color: #e53935;
    --dp-tooltip-color: #3e3e3e;
    --dp-highlight-color: rgb(0 92 178 / 20%);
    --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
    --dp-range-between-border-color: var(--dp-hover-color, #fff)
}

.dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #212121;
    --dp-hover-color: #f3f3f3;
    --dp-hover-text-color: #212121;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #1976d2;
    --dp-primary-disabled-color: #6bacea;
    --dp-primary-text-color: #f8f5f5;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: #ddd;
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: #aaaeb7;
    --dp-disabled-color: #f6f6f6;
    --dp-scroll-bar-background: #f3f3f3;
    --dp-scroll-bar-color: #959595;
    --dp-success-color: #76d275;
    --dp-success-color-disabled: #a3d9b1;
    --dp-icon-color: #959595;
    --dp-danger-color: #ff6f60;
    --dp-marker-color: #ff6f60;
    --dp-tooltip-color: #fafafa;
    --dp-disabled-color-text: #8e8e8e;
    --dp-highlight-color: rgb(25 118 210 / 10%);
    --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
    --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3)
}

.dp__flex {
    display: flex;
    align-items: center
}

.dp__btn {
    background: none
}

.dp__main {
    font-family: var(--dp-font-family);
    user-select: none;
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.dp__pointer {
    cursor: pointer
}

.dp__icon {
    stroke: currentcolor;
    fill: currentcolor
}

.dp__button {
    width: 100%;
    text-align: center;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    place-content: center center;
    padding: var(--dp-common-padding);
    box-sizing: border-box;
    height: var(--dp-button-height)
}

.dp__button.dp__overlay_action {
    position: absolute;
    bottom: 0
}

.dp__button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

.dp__button svg {
    height: var(--dp-button-icon-height);
    width: auto
}

.dp__button_bottom {
    border-bottom-left-radius: var(--dp-border-radius);
    border-bottom-right-radius: var(--dp-border-radius)
}

.dp__flex_display {
    display: flex
}

.dp__flex_display_with_input {
    flex-direction: column;
    align-items: flex-start
}

.dp__relative {
    position: relative
}

.calendar-next-enter-active, .calendar-next-leave-active, .calendar-prev-enter-active, .calendar-prev-leave-active {
    transition: all var(--dp-transition-timing-general) ease-out
}

.calendar-next-enter-from {
    opacity: 0;
    transform: translate(var(--dp-transition-length))
}

.calendar-next-leave-to, .calendar-prev-enter-from {
    opacity: 0;
    transform: translate(calc(var(--dp-transition-length) * -1))
}

.calendar-prev-leave-to {
    opacity: 0;
    transform: translate(var(--dp-transition-length))
}

.dp-menu-appear-bottom-enter-active, .dp-menu-appear-bottom-leave-active, .dp-menu-appear-top-enter-active, .dp-menu-appear-top-leave-active, .dp-slide-up-enter-active, .dp-slide-up-leave-active, .dp-slide-down-enter-active, .dp-slide-down-leave-active {
    transition: all var(--dp-animation-duration) var(--dp-transition-timing)
}

.dp-menu-appear-top-enter-from, .dp-menu-appear-top-leave-to, .dp-slide-down-leave-to, .dp-slide-up-enter-from {
    opacity: 0;
    transform: translateY(var(--dp-transition-length))
}

.dp-menu-appear-bottom-enter-from, .dp-menu-appear-bottom-leave-to, .dp-slide-down-enter-from, .dp-slide-up-leave-to {
    opacity: 0;
    transform: translateY(calc(var(--dp-transition-length) * -1))
}

.dp--arrow-btn-nav {
    transition: var(--dp-common-transition)
}

.dp--highlighted {
    background-color: var(--dp-highlight-color)
}

.flicking-viewport.vertical {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flicking-viewport.vertical>.flicking-camera {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flicking-camera {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 1;
    will-change: transform
}

.flicking-camera>* {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flicking-viewport {
    position: relative;
    overflow: hidden
}

.flicking-viewport:not(.vertical) {
    width: 100%;
    height: 100%
}

.flicking-viewport.vertical, .flicking-viewport.vertical>.flicking-camera {
    display: inline-block
}

.flicking-viewport.vertical.middle>.flicking-camera>* {
    vertical-align: middle
}

.flicking-viewport.vertical.bottom>.flicking-camera>* {
    vertical-align: bottom
}

.flicking-viewport.vertical>.flicking-camera>* {
    display: block
}

.flicking-viewport.flicking-hidden>.flicking-camera>* {
    visibility: hidden
}

.flicking-camera {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    will-change: transform
}

.flicking-camera>* {
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.mosha__toast {
    touch-action: none;
    display: flex;
    justify-content: space-between;
    position: fixed;
    min-height: 64px;
    max-height: 800px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 12px 8px;
    word-break: break-word;
    min-width: 312px;
    max-width: 480px;
    z-index: 9999;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transition: top .3s ease-out .5s, bottom .3s ease-out .5s;
    border-radius: 8px;
    box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
    margin: 0 16px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mosha__toast__content-wrapper {
    display: flex;
    align-items: center
}

.mosha__toast__content {
    font-family: sans-serif;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    color: #fff
}

.mosha__toast__content__text {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 700
}

.mosha__toast__content__description {
    font-size: 14px;
    font-weight: 400
}

.mosha__toast__slot-wrapper {
    width: 100%
}

.mosha__toast__close-icon:before {
    font-size: 20px;
    cursor: pointer;
    content: "\d7";
    color: #fff;
    transition: color .3s;
    font-weight: 600;
    margin-left: 10px;
    position: relative;
    top: -12px
}

.mosha__toast__close-icon:hover:before {
    color: gray
}

.mosha__toast__progress {
    transition: all linear .2s;
    position: absolute;
    z-index: 9999;
    height: 8px;
    background-color: #fff9;
    bottom: 0;
    margin-left: -8px
}

.mosha__toast.success {
    background-color: #06d6a0
}

.mosha__toast.warning {
    background-color: #ffc43d
}

.mosha__toast.info {
    background-color: #1b9aaa
}

.mosha__toast.danger {
    background-color: #ef476f
}

.mosha__toast.default {
    background-color: #fff
}

.mosha__toast.default .mosha__toast__content {
    color: #616161
}

.mosha__toast.default .mosha__toast__close-icon:before {
    color: #616161
}

.mosha__toast.default .mosha__toast__close-icon:hover:before {
    color: #d0d4d4
}

.mosha__toast.default .mosha__toast__progress {
    background-image: linear-gradient(-225deg, #69eacb 0, #eaccf8 48%, #6654f1 100%)
}

@media only screen and (max-width: 475px) {
    .mosha__toast {
        max-width: 95.2%;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.mosha__icon {
    margin-right: 16px
}

.mosha__bounceInRight-enter-active {
    -webkit-animation: bounceInRight .7s;
    animation: bounceInRight .7s
}

.mosha__bounceInRight-leave-active {
    -webkit-animation: bounceOutLeft .7s;
    animation: bounceOutLeft .7s
}

.mosha__bounceInLeft-enter-active {
    -webkit-animation: bounceInLeft .7s;
    animation: bounceInLeft .7s
}

.mosha__bounceInLeft-leave-active {
    -webkit-animation: bounceOutRight .7s;
    animation: bounceOutRight .7s
}

.mosha__bounceInDown-enter-active {
    -webkit-animation: bounceInDown .7s;
    animation: bounceInDown .7s
}

.mosha__bounceInDown-leave-active {
    -webkit-animation: bounceOutUp .7s;
    animation: bounceOutUp .7s
}

.mosha__bounceInUp-enter-active {
    -webkit-animation: bounceInUp .7s;
    animation: bounceInUp .7s
}

.mosha__bounceInUp-leave-active {
    -webkit-animation: bounceOutDown .7s;
    animation: bounceOutDown .7s
}

@-webkit-keyframes bounceInRight {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInRight {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInLeft {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceInDown {
    60%, 75%, 90%, 0%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.mosha__slideInRight-enter-active {
    -webkit-animation: slideInRight .5s;
    animation: slideInRight .5s
}

.mosha__slideInRight-leave-active {
    -webkit-animation: slideOutRight .5s;
    animation: slideOutRight .5s
}

.mosha__slideInLeft-enter-active {
    -webkit-animation: slideInLeft .5s;
    animation: slideInLeft .5s
}

.mosha__slideInLeft-leave-active {
    -webkit-animation: slideOutLeft .5s;
    animation: slideOutLeft .5s
}

.mosha__slideInDown-enter-active {
    -webkit-animation: slideInDown .5s;
    animation: slideInDown .5s
}

.mosha__slideInDown-leave-active {
    -webkit-animation: slideOutUp .5s;
    animation: slideOutUp .5s
}

.mosha__slideInUp-enter-active {
    -webkit-animation: slideInUp .5s;
    animation: slideInUp .5s
}

.mosha__slideInUp-leave-active {
    -webkit-animation: slideOutDown .5s;
    animation: slideOutDown .5s
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -120%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -120%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.mosha__zoomIn-enter-active {
    -webkit-animation: zoomIn .5s;
    animation: zoomIn .5s
}

.mosha__zoomIn-leave-active {
    -webkit-animation: zoomOut .5s;
    animation: zoomOut .5s
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.mosha__fadeOutRight-leave-active {
    -webkit-animation: fadeOutRight .5s;
    animation: fadeOutRight .5s
}

.mosha__fadeOutLeft-leave-active {
    -webkit-animation: fadeOutLeft .5s;
    animation: fadeOutLeft .5s
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

:root {
    --background-image: linear-gradient(138deg, #15202d, #0d131c);
    --background-image-top: #0b2664;
    --background-banner-top: linear-gradient(180deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --text-color: black;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    ---menu-index-page: linear-gradient(138deg, #15202d, #0e1824);
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #18185f, #154751) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    --border-solid-menu: 1px solid #ffc10761;
    --border-solid-menu-active: 1px solid #0e9fd3
}

[data-theme=v31] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(138deg, #202023, #202023);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --background-image: linear-gradient(138deg, #202023, #202023);
    --background-image-top: linear-gradient(to bottom, #473e27, #292418) !important;
    --background-image-button: linear-gradient(to bottom, #473e27, #292418) !important;
    --background-image-top-header: linear-gradient(to bottom, #473e27, #292418) !important;
    --text-color: #000;
    --background-body: linear-gradient(180deg, #0f1620, #0d131c);
    --background-banner-top: linear-gradient(138deg, #202023, #202023);
    --background-image-bg-viewgames: linear-gradient(138deg, #202023, #202023);
    --background-bg-footer: linear-gradient(137.32deg, rgba(10, 8, 43, .96) .02%, rgba(39, 0, 102, .96) 99.96%);
    --background-image-popup: linear-gradient(180deg, #e5e5f2d1, #131228);
    --background-image-popup-profiles: linear-gradient(138deg, #202023, #202023);
    --background-image-popup-profiles-menu: #202023;
    --background-image-popup-profiles-menumobile: #bbbae5;
    --background-menu-active: linear-gradient(to bottom, #e7d39d, #b19560) !important;
    --background-menu-active-shadow: 0 4px 4px rgba(104, 91, 91, .25);
    --background-menu-article: rgb(64, 64, 116);
    --background-menu-article-boder: 2px solid #625bd8;
    --background-menu-login: linear-gradient(180deg, #79c1f4, #815bd4) !important;
    ---menu-index-page: linear-gradient(138deg, #202023, #202023);
    --v-login: linear-gradient(180deg, rgb(119 97 52) 0%, rgb(98 82 46) 43%, rgb(65 58 37) 51%, rgb(142 114 59) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #3d3d3d;
    --bg-profile: linear-gradient(180deg, #202023, #0f151fed) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #bf9a5d;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #292929 !important;
    --bg-app-desktop: #292929 !important;
    --bs-btn-hover-border-color-refer: #14222d !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #6b5831, #64532f) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --background-menu-marquee: #6a5830;
    --background-border-bottom: #d0950e;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --top-logo: 76px !important;
    --bg-signIn-border: linear-gradient(180deg, #94773d, #3b3623) !important;
    --text-color-input-group: #7a6435;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --card-margin-top: 65px !important;
    --card-margin-top-signup: 7vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v34] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(138deg, #202023, #202023);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --background-body: linear-gradient(180deg, #2b0033, #20013d);
    --background-image: linear-gradient(138deg, #2b0033, #20013d);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #2b0033, #20013d) !important;
    --background-image-button: linear-gradient(to bottom, #2b0033, #20013d) !important;
    --background-image-top-header: linear-gradient(to bottom, #2b0033, #20013d) !important;
    --background-banner-top: linear-gradient(180deg, #161f2c, #0d131c);
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #ba36f6, #2b0033) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #2b003300, #2b003300) !important;
    --v-login: linear-gradient(180deg, rgb(235 32 90) 0%, rgb(220 21 69) 43%, rgb(223 23 73) 51%, rgb(199 6 40) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #20013d;
    --bg-profile: linear-gradient(180deg, #2b0033d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #20013d;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app-desktop: #21013d !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f8ba55a9-9462-4d98-a8c4-fd48e93cef00/public) !important;
    --bs-btn-hover-border-color-refer: #20013d !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --border-solid-menu: 1px solid #ffc10761 !important;
    --border-solid-menu-active: 1px solid #0e9fd3 !important;
    --bg-footer-theme-web: linear-gradient(180deg, #2c054b, #4c086f) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #5c406d;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #55177b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #af32e7, #9f7f3700) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #291040, #44136796) !important;
    --h-left: linear-gradient(to left, #9f7f3700, #af32e7) 2 !important;
    --top-logo: -5px !important;
    --text-color-input-group: #5c406d;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --card-margin-top: 30vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v32] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #355076, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(138deg, #202023, #202023);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --bg-app-desktop: linear-gradient(180deg, #0f1620, #0f1620) !important;
    --background-body: linear-gradient(180deg, #0f1620, #0f1620);
    --background-image: linear-gradient(138deg, #15202d, #0d131c);
    --text-color: white --border-solid-menu: 1px solid #ffc10761 !important;
    --border-solid-menu-active: 1px solid #0e9fd3 !important;
    --background-image-top: linear-gradient(to bottom, #0b5683, #09245f) !important;
    --background-image-button: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-image-top-header: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-banner-top: linear-gradient(180deg, #161f2c, #0d131c);
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #105982, #0e5c84) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: "";
    --v-login: linear-gradient(180deg, #216996 0%, #448fbe 9.38%, #0b5683 27.08%, #09245f 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #3d3d3d61;
    --bg-profile: linear-gradient(180deg, #0a3d71, #0f151fed) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #d4af37;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/5caf0d8f-1816-405f-99c1-d707e9357100/public);
    --bs-btn-hover-border-color-refer: #0e9fd3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0a2763, #185b8b) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #e3d083;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #084672;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --top-logo: -23px !important;
    --bg-signIn-border: linear-gradient(180deg, #01224f, #035079) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #fff !important;
    --card-margin-top: 15vw !important;
    --card-margin-top-signup: -3vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0b5683, #09245f) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #000d3a, #004095), linear-gradient(180deg, #fff, #fff);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #fff 31.53%, #fff 64.87%, #fff);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fdfdfd 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #efd08d 0, #053763 44%, #03305b 100%), linear-gradient(180deg, #fff, #fff) !important
}

[data-theme=v35] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(138deg, #202023, #202023);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --bg-app-desktop: linear-gradient(180deg, #0f1620, #0f1620) !important;
    --background-body: linear-gradient(180deg, #0f1620, #0f1620);
    --background-image: linear-gradient(138deg, #15202d, #0d131c);
    --text-color: white --border-solid-menu: 1px solid #ffc10761 !important;
    --border-solid-menu-active: 1px solid #0e9fd3 !important;
    --background-image-top: linear-gradient(to bottom, #0f1620, #09245f) !important;
    --background-image-button: linear-gradient(to bottom, #0b5683, #022550) !important;
    --background-image-top-header: linear-gradient(to bottom, #2b003300, #20013d00) !important;
    --background-banner-top: linear-gradient(180deg, #161f2c, #0d131c);
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #105982, #0e5c84) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: "";
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #3d3d3d;
    --bg-profile: linear-gradient(180deg, #0a3d71, #0f151fed) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #d4af37;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #bf9a5d;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/5caf0d8f-1816-405f-99c1-d707e9357100/public) !important;
    --bs-btn-hover-border-color-refer: #bf9a5d !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #d12704) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #55177b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --top-logo: -28px !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --text-color-input-group: #da1010;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v33] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #431106) !important;
    --border-solid-menu: 1px solid #731905 !important;
    --border-solid-menu-active: 1px solid #dd1414 !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-button: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-top-header: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-banner-top: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: #6c1202 !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #d12704) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #641606;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --text-color-input-group: #da1010;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 82px !important;
    --card-margin-top: 46vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v36] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #431106) !important;
    --border-solid-menu: 1px solid #731905 !important;
    --border-solid-menu-active: 1px solid #dd1414 !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-button: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-top-header: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-banner-top: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(242, 166, 22, 1) 0%, rgba(103, 69, 2, 1) 43%, rgba(103, 69, 2, 1) 51%, rgba(242, 166, 22, 1) 100%);
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #ff2c0047;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/44378db5-0e71-42ad-3e8a-8c552672ce00/public) !important;
    --bg-app-desktop: #6c1202 !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #d12704) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #55177b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #ac0004b8, #ac0004b8) !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #4e020380 !important;
    --input-group-border: #4e020380 !important;
    --input-group-color: #fff !important;
    --top-logo: -6px !important;
    --card-margin-top: 31vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v37] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #55177b, rgba(0, 0, 0, 0));
    --background-login-gradient: #601493;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #55177b !important;
    --background-image-button-hh: linear-gradient(to bottom, #55177b, #300d46) !important;
    --border-solid-menu: 1px solid #8911da !important;
    --border-solid-menu-active: 1px solid #55177b !important;
    --background-body: linear-gradient(180deg, #3a0001, #55177b);
    --background-image: linear-gradient(138deg, #3a0001, #55177b);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #300d46, #55177b) !important;
    --background-image-button: linear-gradient(to bottom, #300d46, #55177b) !important;
    --background-image-top-header: linear-gradient(to bottom, #55177b, #2b1c39) !important;
    --background-banner-top: linear-gradient(to bottom, #55177b, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #55177b, #6b5c76) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(165 9 241) 0%, rgb(37 4 97) 43%, rgb(14 7 25) 51%, rgb(186 2 215) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #55177b;
    --bg-profile: linear-gradient(180deg, #55177b, #2b1c39) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/bb2e80bc-23fc-4a5f-9d5b-6461f8b58b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/bb2e80bc-23fc-4a5f-9d5b-6461f8b58b00/public) !important;
    --bs-btn-hover-border-color-refer: #55177b !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #55177b, #2b1c39) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #55177b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #3e1956, #501774) !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #0000 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #000 !important;
    --top-logo: 32px !important;
    --card-margin-top: 20vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v38] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #9f6e005e, rgba(0, 0, 0, 0));
    --background-login-gradient: #debb55;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #d29b40 !important;
    --border-solid-menu-active: 1px solid #d29b40 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-button: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-top-header: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #dac74f, #664002) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #9f6e005e;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/80003fb3-219a-48fb-9ff2-bb4d92984c00/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #000000, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #d29b40;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4ab69e55-6f14-4e2e-575a-d6f4a9bcff00/public) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 58px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #c3a94d !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v39] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #d29b40 !important;
    --border-solid-menu-active: 1px solid #d29b40 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-button: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-top-header: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #dac74f, #664002) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #9f6e005e;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f87a210e-223a-47db-2c38-3fcf5a98d300/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #b90001, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #825706;
    --background-border-bottom: #d29b40;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #be9649, #6b4907) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v40] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(to bottom, #f71818, #431106) !important;
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #431106) !important;
    --border-solid-menu: 1px solid #731905 !important;
    --border-solid-menu-active: 1px solid #dd1414 !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-button: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-top-header: linear-gradient(to bottom, #3f3c3b, #010101) !important;
    --background-banner-top: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/02453393-6692-4a5f-498a-f300d1c40c00/public) !important;
    --bg-app-desktop: #6c1202 !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #d12704) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #890404;
    --background-border-bottom: #910000;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --text-color-input-group: #da1010;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 26px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 45vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v41] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #d29b40 !important;
    --border-solid-menu-active: 1.5px solid #ffffff !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-button: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(108 84 37) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(255, 215, 0, 1) 0%, rgba(255, 215, 0, 1) 43%, rgba(255, 215, 0, 1) 51%, rgba(255, 137, 5, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(254, 148, 4, 1) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgba(253, 210, 1, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #9f6e005e;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fdbe00 !important;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/af48f564-09a4-4d1c-dadd-7c398f77e200/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(191, 164, 113, 1) 0%, rgba(93, 81, 59, 1) 43%, rgba(39, 31, 16, 1) 51%, rgba(39, 31, 16, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000000;
    --background-border-bottom: #fbc501;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #442b16, #1d1814) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 0px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v42] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #d29b40 !important;
    --border-solid-menu-active: 1px solid #d29b40 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-button: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-top-header: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #dac74f, #664002) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #9f6e005e;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f87a210e-223a-47db-2c38-3fcf5a98d300/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #b90001, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #825706;
    --background-border-bottom: #d29b40;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #be9649, #6b4907) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #0000 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v43] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #0ce9b3 !important;
    --border-solid-menu-active: 1px solid #0ce9b3 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(14, 173, 136, 1) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgba(14, 173, 136, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(14, 173, 136, 1) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgba(14, 173, 136, 1) 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #484a52, #010101) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(8 88 70) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgb(2 76 59) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #0ce9b3;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(14, 173, 136, 1) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgba(14, 173, 136, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #084235c9;
    --bg-profile: linear-gradient(180deg, #28564b, #0a7a5ce3) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/aef008c1-1b2e-4838-3521-22c1b21ee700/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(8, 66, 53, 1) 0%, rgba(8, 66, 53, 1) 49%, rgba(14, 173, 136, 1) 77%, rgba(8, 66, 53, 1) 100%, rgba(14, 173, 136, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #005f49;
    --background-border-bottom: #0ff6be;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #0ff6be, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #0ff6be) 2 !important;
    --bg-signIn-border: linear-gradient(93deg, rgba(8, 66, 53, 1) 0%, rgba(14, 173, 136, 1) 43%, rgba(14, 173, 136, 1) 51%, rgba(8, 66, 53, 1) 100%) !important;
    --text-color-input-group: #0ef7be;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #fff !important;
    --top-logo: 68px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(15 246 190 / 34%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #28564b, #0a7a5ce3) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v44] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #f46200 !important;
    --border-solid-menu-active: 1px solid #f46200 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(169 42 0) 43%, rgb(169 42 0) 51%, rgb(255 128 0) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(169 42 0) 43%, rgb(169 42 0) 51%, rgb(255 128 0) 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #484a52, #010101) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(93 36 1) 43%, rgb(121 36 2) 51%, rgb(255 128 0) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #f46200;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(184 53 0) 43%, rgb(169 42 0) 51%, rgb(169 42 0) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #ee5d0059;
    --bg-profile: linear-gradient(180deg, #ff9800db, #ff6c00b5) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/972f6855-981a-4c39-2415-d373616bd800/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #484a52, #010101) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #580a00;
    --background-border-bottom: #ee5e05;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ee5e05, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ee5e05) 2 !important;
    --bg-signIn-border: linear-gradient(93deg, rgb(244 81 0) 0%, rgb(255 165 0) 43%, rgb(255 136 0) 51%, rgb(244 79 0) 100%) !important;
    --text-color-input-group: #b02f00;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #fff !important;
    --top-logo: 10px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 104 0 / 44%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #a00404, #cc0d0d) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v45] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #000303 !important;
    --border-solid-menu-active: 1px solid #000303 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgb(11 193 163) 0%, rgb(0 64 54) 43%, rgb(1 72 61) 51%, rgb(14 242 205) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(11 193 163) 0%, rgb(0 64 54) 43%, rgb(1 72 61) 51%, rgb(14 242 205) 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #12b69d, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(14 242 204) 0%, rgb(1 69 58) 43%, rgb(1 72 61) 51%, rgb(0 40 30) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #000303;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(233 23 23) 0%, rgb(138 2 2) 43%, rgb(140 0 0) 51%, rgb(244 25 25) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #64910752;
    --bg-profile: linear-gradient(180deg, #031a0b, #021309d1) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/33e52b91-02c0-4ade-d040-eea4cd52f800/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgb(14 242 204) 0%, rgb(1 69 58) 43%, rgb(1 72 61) 51%, rgb(0 40 30) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #649107;
    --background-border-bottom: #000000;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #b0ea39, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #b0ea39) 2 !important;
    --bg-signIn-border: linear-gradient(93deg, rgb(78 126 7) 0%, rgb(125 179 13) 43%, rgb(117 171 12) 51%, rgb(84 131 10) 100%) !important;
    --text-color-input-group: #0ff7bd;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #fff !important;
    --top-logo: -37px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(100 145 7 / 21%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #53840b, #508108) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v46] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #431106) !important;
    --border-solid-menu: 1px solid #731905 !important;
    --border-solid-menu-active: 1px solid #6e1806 !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-image-button: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-image-top-header: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-banner-top: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(219 57 109) 0%, rgb(227 63 116) 43%, rgb(205 46 97) 51%, rgb(182 28 77) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: #6c1202 !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #d12704) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #ff0000;
    --background-border-bottom: #641606;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --text-color-input-group: #da1010;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -28px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v47] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #f46200 !important;
    --border-solid-menu-active: 1px solid #f46200 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(169 42 0) 43%, rgb(169 42 0) 51%, rgb(255 128 0) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(169 42 0) 43%, rgb(169 42 0) 51%, rgb(255 128 0) 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #484a52, #010101) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(93 36 1) 43%, rgb(121 36 2) 51%, rgb(255 128 0) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #f46200;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(184 53 0) 43%, rgb(169 42 0) 51%, rgb(169 42 0) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #ee5d0059;
    --bg-profile: linear-gradient(180deg, #ff9800db, #ff6c00b5) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/972f6855-981a-4c39-2415-d373616bd800/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #484a52, #010101) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #580a00;
    --background-border-bottom: #ee5e05;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ee5e05, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ee5e05) 2 !important;
    --bg-signIn-border: linear-gradient(93deg, rgb(244 81 0) 0%, rgb(255 165 0) 43%, rgb(255 136 0) 51%, rgb(244 79 0) 100%) !important;
    --text-color-input-group: #b02f00;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #fff !important;
    --top-logo: 22px !important;
    --card-margin-top: 44vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(100 145 7 / 21%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #53840b, #508108) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v48] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #431106) !important;
    --border-solid-menu: 1px solid #731905 !important;
    --border-solid-menu-active: 1px solid #dd1414 !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-button: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-top-header: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-banner-top: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(255 133 0) 0%, rgb(255 109 0) 43%, rgb(255 111 0) 51%, rgb(255 150 0) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: #6c1202 !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #3e4044, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #6a0000;
    --background-border-bottom: #641606;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #fe0f0f, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #e90606) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --text-color-input-group: #da1010;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 22px !important;
    --card-margin-top: 44vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(100 145 7 / 21%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #53840b, #508108) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v49] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #451339, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #451339 !important;
    --background-image-button-hh: linear-gradient(to bottom, #75200e, #10059fa8) !important;
    --border-solid-menu: 1px solid #731905 !important;
    --border-solid-menu-active: 1px solid #dd1414 !important;
    --background-body: linear-gradient(180deg, #3a0001, #451339);
    --background-image: linear-gradient(138deg, #3a0001, #451339);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #1b075e, #451339) !important;
    --background-image-button: linear-gradient(to bottom, #1b075e, #451339) !important;
    --background-image-top-header: linear-gradient(to bottom, #75200e, #10059fa8) !important;
    --background-banner-top: linear-gradient(to bottom, #75200e, #10059fa8) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #2f0a53, #651433) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(33 9 88) 0%, rgb(81 21 48) 43%, rgb(92 25 37) 51%, rgb(85 23 43) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #451339;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: linear-gradient(180deg, #a52326ba, #310102d4) !important;
    --bs-btn-hover-border-color-refer: #451339 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #320b52) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #451339;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #641606;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #a52326ba, #310102d4) !important;
    --text-color-input-group: #da1010;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -11px !important;
    --card-margin-top: 24vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(100 145 7 / 21%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v50] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #451339, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #451339 !important;
    --background-image-button-hh: linear-gradient(to bottom, #000000, #02c108) !important;
    --border-solid-menu: 1px solid #016104 !important;
    --border-solid-menu-active: 1px solid #018205 !important;
    --background-body: linear-gradient(138deg, #016e05, #004002);
    --background-image: linear-gradient(138deg, #016e05, #004002);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #02a407, #000000) !important;
    --background-image-button: linear-gradient(to bottom, #000000, #02c108) !important;
    --background-image-top-header: linear-gradient(to bottom, #000000, #02c108) !important;
    --background-banner-top: linear-gradient(to bottom, #000000, #02c108) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #000000, #018e06) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(1 105 4) 0%, rgb(17 210 24) 43%, rgb(17 211 24) 51%, rgb(0 99 4) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #014b03;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/c7bb7f1e-b164-4f98-6dad-03a591ea2f00/public) !important;
    --bg-app-desktop: linear-gradient(180deg, #015103, #150100) !important;
    --bs-btn-hover-border-color-refer: #014b03 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #018205, #011d02) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #014b03;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #641606;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #015103, #150100) !important;
    --text-color-input-group: #02a707;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 51px !important;
    --card-margin-top: 24vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(1 101 4 / 49%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #015103, #00fc3e) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v51] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #451339, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #451339 !important;
    --background-image-button-hh: linear-gradient(to bottom, #4796d4, #20399f) !important;
    --border-solid-menu: 1px solid #58dbf5 !important;
    --border-solid-menu-active: 1px solid #58dbf5 !important;
    --background-body: linear-gradient(138deg, #2240a6, #050818);
    --background-image: linear-gradient(138deg, #2240a6, #050818);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #1f379f, #000000) !important;
    --background-image-button: linear-gradient(to bottom, #1f379f, #000000) !important;
    --background-image-top-header: linear-gradient(to bottom, #4796d4, #20399f) !important;
    --background-banner-top: linear-gradient(to bottom, #4796d4, #20399f) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #59e7ff, #2038a1) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(32 57 159) 0%, rgb(90 234 252) 43%, rgb(87 226 255) 51%, rgb(31 54 161) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #57d5f170;
    --bg-profile: linear-gradient(180deg, #1f36a1, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/60bd8ad4-5500-4ce7-a9c7-5c122e1b3800/public) !important;
    --bg-app-desktop: linear-gradient(180deg, #1f36a1, #150100) !important;
    --bs-btn-hover-border-color-refer: #57d5f170 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #1f36a1, #011d02) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #57d5f170;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #4bbae7;
    --background-border-bottom: #58e8ff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #1f36a1, #150100) !important;
    --text-color-input-group: #58e8ff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -66px !important;
    --card-margin-top: 24vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(1 101 4 / 49%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #5ae6fd, #1e35a2) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v52] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #451339, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #451339 !important;
    --background-image-button-hh: linear-gradient(to bottom, #000000, #0cb459) !important;
    --border-solid-menu: 1px solid #38ff00 !important;
    --border-solid-menu-active: 1px solid #38ff00 !important;
    --background-body: linear-gradient(138deg, #098642, #050818);
    --background-image: linear-gradient(138deg, #098642, #050818);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #098542, #000000) !important;
    --background-image-button: linear-gradient(to bottom, #098542, #000000) !important;
    --background-image-top-header: linear-gradient(to bottom, #000000, #0cb459) !important;
    --background-banner-top: linear-gradient(to bottom, #000000, #0cb459) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #0e5a1a, #0de16d) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(78 169 85) 0%, rgb(0 0 0) 43%, rgb(32 33 36) 51%, rgb(81 170 82) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #1ada7259;
    --bg-profile: linear-gradient(180deg, #48a85b, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: linear-gradient(138deg, #098642, #050818) !important;
    --bg-app-desktop: linear-gradient(180deg, #61ac43, #150100) !important;
    --bs-btn-hover-border-color-refer: #1ada7259 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #000000, #098a44) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #1ada7259;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #38ff00;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #61ac43, #150100) !important;
    --text-color-input-group: #38ff00;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -66px !important;
    --card-margin-top: 24vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(1 101 4 / 49%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #1b5420, #4ca957) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v53] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #431106) !important;
    --border-solid-menu: 0px solid #e5bf5c !important;
    --border-solid-menu-active: 0px solid #e5bf5c !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-button: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-top-header: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-banner-top: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(229 191 92) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgb(229 191 92) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #4a1206;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: #6c1202 !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #d12704) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: ##0101014d;
    --background-border-bottom: #e5bf5c;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --text-color-input-group: #e5bf5c;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -47px !important;
    --card-margin-top: 4vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(229 191 92 / 34%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #6e0e0f;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d4ac54, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #831b0500, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e5bf5c 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #000000, 0 0 45px #000000, 0 0 55px #000000, 0 0 65px #000000, 0 0 75px #000000, 0 0 85px #000000;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v54] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #fed070 !important;
    --border-solid-menu-active: 1.5px solid #ffffff !important;
    --background-body: linear-gradient(138deg, #1f190f, #e2c003);
    --background-image: linear-gradient(138deg, #1f190f, #e2c003);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(242, 232, 158, 1) 0%, rgba(199, 169, 55, 1) 34%, rgba(133, 106, 15, 1) 75%) !important;
    --background-image-button: linear-gradient(to bottom, #fdd101, #514121) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(185, 151, 28, 1) 0%, rgba(199, 169, 55, 1) 8%, rgba(253, 242, 163, 1) 36%, rgba(246, 232, 148, 1) 43%, rgba(238, 222, 133, 1) 50%, rgba(133, 106, 15, 1) 89%) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #daa520, #daa520);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(242, 232, 158, 1) 0%, rgba(199, 169, 55, 1) 34%, rgba(133, 106, 15, 1) 75%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(255, 0, 1, 1) 0%, rgba(153, 0, 0, 1) 61%, rgba(88, 0, 0, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #43361fab;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: white;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: linear-gradient(315deg, rgba(131, 116, 0, 1) 0%, rgba(79, 71, 2, 1) 0%, rgba(53, 48, 3, 1) 21%, rgba(33, 30, 2, 1) 57%, rgba(42, 38, 3, 1) 85%, rgba(102, 90, 1, 1) 100%, rgba(136, 120, 0, 1) 100%) !important;
    --bg-app: url(https://sv1.picz.in.th/images/2023/06/17/Is5oO0.jpg) !important;
    --bg-app-desktop: linear-gradient(315deg, rgba(131, 116, 0, 1) 0%, rgba(79, 71, 2, 1) 0%, rgba(53, 48, 3, 1) 21%, rgba(33, 30, 2, 1) 57%, rgba(42, 38, 3, 1) 85%, rgba(102, 90, 1, 1) 100%, rgba(136, 120, 0, 1) 100%) !important;
    --bs-btn-hover-border-color-refer: #43361fab !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(185, 151, 28, 1) 4%, rgba(253, 242, 163, 1) 26%, rgba(133, 106, 15, 1) 81%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #42361c;
    --background-border-bottom: #f6e894;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be9649, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #be9649) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(242, 232, 158, .9557072829131653) 0%, rgba(199, 169, 55, .9473039215686274) 53%, rgba(133, 106, 15, .9725140056022409) 100%) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #42361c !important;
    --input-group-border: #42361c !important;
    --input-group-color: #fff !important;
    --top-logo: 53px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v55] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #f3c707 !important;
    --border-solid-menu-active: 1.5px solid #f3c707 !important;
    --background-body: linear-gradient(138deg, #1f190f, #e2c003);
    --background-image: linear-gradient(138deg, #1f190f, #e2c003);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #d12704, #514121) !important;
    --background-image-button: linear-gradient(to bottom, #d12704, #514121) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(108 84 37) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #daa520, #daa520);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(144 107 15) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgb(206 156 30) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(144 107 15) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgb(206 156 30) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #efc20924;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fdbe00 !important;
    --bg-app: linear-gradient(180deg, #85620c, #000000) !important;
    --bg-app-desktop: linear-gradient(180deg, #85620c, #000000) !important;
    --bs-btn-hover-border-color-refer: #efc20924 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #d12704 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #fdbe00;
    --background-border-bottom: #d12704;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #d12704, #1d1814) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 50px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #d127044a !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #d12704, #00000024) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v56] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #f3c707 !important;
    --border-solid-menu-active: 1.5px solid #f3c707 !important;
    --background-body: linear-gradient(138deg, #1f190f, #e2c003);
    --background-image: linear-gradient(138deg, #1f190f, #e2c003);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #0d0a01, #514121) !important;
    --background-image-button: linear-gradient(to bottom, #0d0a01, #514121) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(108 84 37) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #daa520, #daa520);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(144 107 15) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgb(206 156 30) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(144 107 15) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgb(206 156 30) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #efc20924;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fdbe00 !important;
    --bg-app: linear-gradient(180deg, #85620c, #000000) !important;
    --bg-app-desktop: linear-gradient(180deg, #85620c, #000000) !important;
    --bs-btn-hover-border-color-refer: #efc20924 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgb(108 84 37) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000000;
    --background-border-bottom: #fdd201;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #000, #1d1814) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: -56px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #e1b1131f !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #7b715c, #00000024) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v57] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #f3c707 !important;
    --border-solid-menu-active: 1.5px solid #f3c707 !important;
    --background-body: linear-gradient(138deg, #1f190f, #e2c003);
    --background-image: linear-gradient(138deg, #1f190f, #e2c003);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #0d0a01, #514121) !important;
    --background-image-button: linear-gradient(to bottom, #0d0a01, #514121) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(206 163 79) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #daa520, #daa520);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(144 107 15) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgb(206 156 30) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(144 107 15) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgb(206 156 30) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #efc20924;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #835400) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: linear-gradient(180deg, #761b08, #000000) !important;
    --bg-app-desktop: linear-gradient(180deg, #761b08, #000000) !important;
    --bs-btn-hover-border-color-refer: #efc20924 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgb(108 84 37) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #400e03;
    --background-border-bottom: #400e03;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #000, #1d1814) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: -31px !important;
    --card-margin-top: 32vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #e1b1131f !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #7b715c, #b9812a) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #400e03;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v58] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #f3c707 !important;
    --border-solid-menu-active: 1.5px solid #f3c707 !important;
    --background-body: linear-gradient(138deg, #1f190f, #e2c003);
    --background-image: linear-gradient(138deg, #1f190f, #e2c003);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #0d0a01, #514121) !important;
    --background-image-button: linear-gradient(to bottom, #0d0a01, #514121) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(206 163 79) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #daa520, #daa520);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(144 107 15) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgb(206 156 30) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(144 107 15) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgb(206 156 30) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #efc20924;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #835400) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: linear-gradient(180deg, #761b08, #000000) !important;
    --bg-app-desktop: linear-gradient(180deg, #761b08, #000000) !important;
    --bs-btn-hover-border-color-refer: #efc20924 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgb(108 84 37) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #400e03;
    --background-border-bottom: #400e03;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #000, #1d1814) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: -31px !important;
    --card-margin-top: 32vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #e1b1131f !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #7b715c, #b9812a) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #400e03;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v59] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1px solid #d29b40 !important;
    --border-solid-menu-active: 1.5px solid #ffffff !important;
    --background-body: linear-gradient(180deg, #3a0001, #120f09d1);
    --background-image: linear-gradient(138deg, #3a0001, #120f09d1);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #146c43, #000000) !important;
    --background-image-button: linear-gradient(to bottom, #146c43, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #198754 0%, rgb(0 0 0) 43%, rgb(29 24 14) 51%, rgb(0 0 0) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(255, 215, 0, 1) 0%, rgba(255, 215, 0, 1) 43%, rgba(255, 215, 0, 1) 51%, rgba(255, 137, 5, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(24 132 82) 0%, rgb(0 0 0) 43%, rgb(0 0 0) 51%, rgb(0 0 0) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #120f09d1;
    --bg-profile: linear-gradient(180deg, #2e7d58, #000000) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/af48f564-09a4-4d1c-dadd-7c398f77e200/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgb(20 108 67) 0%, rgb(71 89 62) 43%, rgba(39, 31, 16, 1) 51%, rgb(0 0 0) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #198754;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #188050, #1d1814) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 48px !important;
    --card-margin-top: 36vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #188050, #1d1814) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v60] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #feba03, #431106) !important;
    --border-solid-menu: 1px solid #731905 !important;
    --border-solid-menu-active: 1px solid #dd1414 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(138deg, #4f1501, #6f3302);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #431106, #aa5531) !important;
    --background-image-button: linear-gradient(to bottom, #feba03, #431106) !important;
    --background-image-top-header: linear-gradient(to bottom, #feba03, #431106) !important;
    --background-banner-top: linear-gradient(to bottom, #feba03, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #f76f03, #f9a909) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgb(247 178 14) 43%, rgb(246 157 8) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #aa6101;
    --bg-profile: linear-gradient(180deg, #2f1a01, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/17d1ace4-84e2-4e53-e5d3-bc5834ef3500/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/13a160c1-a26c-45f0-b48c-073da0290000/public) !important;
    --bs-btn-hover-border-color-refer: #aa6101 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #feaf00) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #aa6101;
    --box-sha-box: inset 0 0 48px 6px rgb(216 152 4);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(190 129 4);
    --background-border-box: #ecaa04;
    --background-menu-marquee: #bf810491;
    --background-border-bottom: #fd6c00;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #be8104, #310102d4) !important;
    --text-color-input-group: #f9ac06;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 0px !important;
    --card-margin-top: -10vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #731905ff !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #655a7a;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #b87c04;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #f7ebc8, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #27960d21, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e2b95b 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgb(81 15 3) 14%, rgb(135 65 2) 56%, rgb(134 64 1) 74%, rgb(235 158 1) 100%) !important
}

[data-theme=v61] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #0ce9b3 !important;
    --border-solid-menu-active: 1px solid #0ce9b3 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #11a884, #0000005e);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(14, 173, 136, 1) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgba(14, 173, 136, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(14, 173, 136, 1) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgba(14, 173, 136, 1) 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #484a52, #010101) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(8 88 70) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgb(2 76 59) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #0ce9b3;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(14, 173, 136, 1) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgba(14, 173, 136, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #084235c9;
    --bg-profile: linear-gradient(180deg, #28564b, #0a7a5ce3) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/aef008c1-1b2e-4838-3521-22c1b21ee700/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(8, 66, 53, 1) 0%, rgba(8, 66, 53, 1) 49%, rgba(14, 173, 136, 1) 77%, rgba(8, 66, 53, 1) 100%, rgba(14, 173, 136, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #005f49;
    --background-border-bottom: #0ff6be;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #0ff6be, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #0ff6be) 2 !important;
    --bg-signIn-border: linear-gradient(93deg, rgba(8, 66, 53, 1) 0%, rgba(14, 173, 136, 1) 43%, rgba(14, 173, 136, 1) 51%, rgba(8, 66, 53, 1) 100%) !important;
    --text-color-input-group: #0ef7be;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #fff !important;
    --top-logo: 8px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(15 246 190 / 34%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #28564b, #0a7a5ce3) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    -text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v62] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #2B3046, #6a00fe) !important;
    --border-solid-menu: 1px solid #6306e9 !important;
    --border-solid-menu-active: 1px solid #ebba00 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(138deg, #020005, #6d01fe);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #2B3046, #5a00f4) !important;
    --background-image-button: linear-gradient(to bottom, #2B3046, #5a00f4) !important;
    --background-image-top-header: linear-gradient(to bottom, #2e0769, #2B3046) !important;
    --background-banner-top: linear-gradient(to bottom, #2B3046, #6a00fe) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #5f02a9, #31066d) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(251 222 92) 0%, rgb(194 126 1) 43%, rgb(194 126 1) 51%, rgb(246 209 6) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #6e00fd7a;
    --bg-profile: linear-gradient(180deg, #2B3046, #000000bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f8ba55a9-9462-4d98-a8c4-fd48e93cef00/public) !important;
    --bg-app-desktop: linear-gradient(to bottom, #2d0e63, #000000) !important;
    --bs-btn-hover-border-color-refer: #6e00fd7a !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #2e0769, #2B3046) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #6e00fd7a;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #2e0769;
    --background-border-bottom: #21006b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #2b0363, #000000) !important;
    --text-color-input-group: #f9ac06;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 18px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #2b0363, #8702ff) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v63] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #469fd7, #8cabd9) !important;
    --border-solid-menu: 1px solid #98e2e3 !important;
    --border-solid-menu-active: 1px solid #98e2e3 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(138deg, #020005, #469fd7);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #499ddd, #8cabd9) !important;
    --background-image-button: linear-gradient(to bottom, #499ddd, #8cabd9) !important;
    --background-image-top-header: linear-gradient(to bottom, #469fd7, #8cabd9) !important;
    --background-banner-top: linear-gradient(to bottom, #469fd7, #8cabd9) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #469fd7, #03bfa7) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(251 222 92) 0%, rgb(194 126 1) 43%, rgb(194 126 1) 51%, rgb(246 209 6) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #469fd77a;
    --bg-profile: linear-gradient(180deg, #03bea3, #000000bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(138deg, #020005, #469fd7) !important;
    --bg-app-desktop: linear-gradient(to bottom, #06bba8, #000000) !important;
    --bs-btn-hover-border-color-refer: #469fd77a !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #469fd7, #03bea3) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #469fd77a;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #00bba3;
    --background-border-bottom: #fed75e;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #469fd7, #000000) !important;
    --text-color-input-group: #f9ac06;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -63px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #469fd7, #0cb7a4) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v64] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #000000, #808080) !important;
    --border-solid-menu: 1px solid #98e2e3 !important;
    --border-solid-menu-active: 1px solid #98e2e3 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(138deg, #6c757d, #0f1620);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #000000, #5e5e5e) !important;
    --background-image-button: linear-gradient(to bottom, #000000, #5e5e5e) !important;
    --background-image-top-header: linear-gradient(to bottom, #000000, #808080) !important;
    --background-banner-top: linear-gradient(to bottom, #000000, #808080) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #000307, #0d6efd) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #033c92 0%, #0d6efd 43%, #0d6efd 51%, #053070 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(180deg, #6c757d, #000000bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/60bd8ad4-5500-4ce7-a9c7-5c122e1b3800/public) !important;
    --bg-app-desktop: linear-gradient(to bottom, #0d6efd, #000000) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #000000, #727272) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #0d6efd;
    --background-border-bottom: #0d6efd;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #0d6efd, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #0d6efd) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #555555, #000000) !important;
    --text-color-input-group: #0b67ed;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -63px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #6c757d, #0d6efd) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v65] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #259b24, #0c5b0c) !important;
    --border-solid-menu: 1px solid #f0cb03 !important;
    --border-solid-menu-active: 1px solid #f0cb03 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(138deg, #6c757d, #0f1620);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #086408, #1e8a1e) !important;
    --background-image-button: linear-gradient(to bottom, #086408, #1e8a1e) !important;
    --background-image-top-header: linear-gradient(to bottom, #259b24, #0c5b0c) !important;
    --background-banner-top: linear-gradient(to bottom, #259b24, #0c5b0c) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #000307, #197c18) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #FFD700 0%, #a79016 43%, #907e1f 51%, #FFD700 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(180deg, #164c15, #0f1620bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/c7bb7f1e-b164-4f98-6dad-03a591ea2f00/public) !important;
    --bg-app-desktop: linear-gradient(to bottom, #197c18, #000000) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #041409, #219020) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #197c18;
    --background-border-bottom: #f0cb03;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #dfbd07, #000000) !important;
    --text-color-input-group: #a08b19;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 7px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #6c757d, #197c18) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v66] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #000000) !important;
    --border-solid-menu: 1px solid #731905 !important;
    --border-solid-menu-active: 1px solid #dd1414 !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #000000, #d12704) !important;
    --background-image-button: linear-gradient(to bottom, #000000, #d12704) !important;
    --background-image-top-header: linear-gradient(to bottom, #d12704, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #d12704, #000000) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: #6c1202 !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #d12704) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #641606;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #000000) !important;
    --text-color-input-group: #da1010;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -52px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v67] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #230aa6, #071141) !important;
    --border-solid-menu: 1px solid #e9c979 !important;
    --border-solid-menu-active: 1px solid #e9c979 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(to bottom, #230aa6, #071141);
    --text-color: white;
    --background-image-top: linear-gradient(189deg, #020102, #0c104f) !important;
    --background-image-button: linear-gradient(189deg, #020102, #0c104f) !important;
    --background-image-top-header: linear-gradient(to bottom, #230aa6, #071141) !important;
    --background-banner-top: linear-gradient(to bottom, #230aa6, #071141) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #020102, #230aa6) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #98855e 0%, #a79016 43%, #907e1f 51%, #ebc77a 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(180deg, #09194d, #0f1620bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(to bottom, #230aa6, #010517) !important;
    --bg-app-desktop: linear-gradient(to bottom, #09194d, #0e0f52) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0c104f, #290abf) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #0d0e4d;
    --background-border-bottom: #e8cd72;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #f3d16e, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #f3d16e) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #e9c979, #000000) !important;
    --text-color-input-group: #a08b19;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 22px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #070506, #30291a) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #2f2818;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v68] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --border-solid-menu: 1px solid #e9c979 !important;
    --border-solid-menu-active: 1px solid #e9c979 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(to bottom, #8f7f56, #080808);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #8f7f56, #000000) !important;
    --background-image-button: linear-gradient(180deg, #8f7f56, #000000) !important;
    --background-image-top-header: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --background-banner-top: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #958459, #1a1a1a) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #b09c69 0%, #b9a374 43%, #a89165 51%, #827a63 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(180deg, #302e1e, #0f1620bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(to bottom, #090909, #332d21) !important;
    --bg-app-desktop: linear-gradient(to bottom, #090909, #332d21) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #242119, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #090909, #433d2f);
    --background-border-bottom: #e8cd72;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #f3d16e, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #f3d16e) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #a48d61, #000000) !important;
    --text-color-input-group: #a08b19;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 3px !important;
    --card-margin-top: 35vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #000000, #373530) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v69] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #0d6efd, #080808) !important;
    --border-solid-menu: 1px solid #d12704 !important;
    --border-solid-menu-active: 1px solid #d12704 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(to bottom, #0d6efd, #080808);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #0d6efd, #000000) !important;
    --background-image-button: linear-gradient(180deg, #0d6efd, #000000) !important;
    --background-image-top-header: linear-gradient(to bottom, #0d6efd, #080808) !important;
    --background-banner-top: linear-gradient(to bottom, #0d6efd, #080808) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #d12704, #1a1a1a) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(189deg, #d12704, #1a1a1a) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(180deg, #0d6efd, #0f1620bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(to bottom, #090909, #053173) !important;
    --bg-app-desktop: linear-gradient(to bottom, #090909, #053173) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0d6efd, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #090909, #0d6efd);
    --background-border-bottom: #d12704;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #d12704, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #d12704) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #d12704, #000000) !important;
    --text-color-input-group: #0d6efd;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 105px !important;
    --card-margin-top: 19vw !important;
    --card-margin-top-signup: -1vw !important;
    --border-game-solid: #0d6efd78 !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0d6efd, #000000) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v70] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #006630, #001d0b) !important;
    --border-solid-menu: 1px solid #004e1f !important;
    --border-solid-menu-active: 1px solid #58833b !important;
    --background-image: linear-gradient(to bottom, #006630, #001d0b);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #008c3e, #013a1a) !important;
    --background-image-button: linear-gradient(180deg, #027939, #001b0d) !important;
    --background-image-top-header: linear-gradient(180deg, #027939, #001b0d) !important;
    --background-banner-top: linear-gradient(to bottom, #006630, #001d0b) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #17ae5e 0%, #1be478 43%, #1ef57e 51%, #117d47 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #17ae5e 0%, #1be478 43%, #1ef57e 51%, #117d47 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #158f4eab;
    --bg-profile: linear-gradient(180deg, #073f24, #22ab608f) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(to bottom, #073d26, #0b5227) !important;
    --bg-app-desktop: linear-gradient(to bottom, #073d26, #0b5227) !important;
    --bs-btn-hover-border-color-refer: #158f4eab !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #027939, #001b0d) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #158f4eab;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #004d23, #0ea151);
    --background-border-bottom: #719a5c;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #669545, #66944a) 2 !important;
    --h-left: linear-gradient(to left, #66944a, #669545) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #0ea151, #000000) !important;
    --text-color-input-group: #719a5c;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 37px !important;
    --card-margin-top: 38vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #1be478 !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0ca150, #022d1a) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v71] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #6d0a09, #94140f) !important;
    --border-solid-menu: 1px solid #f1e28f !important;
    --border-solid-menu-active: 1px solid #f1e28f !important;
    --background-image: linear-gradient(to bottom, #6d0a09, #94140f);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #6c0606, #a71b0c) !important;
    --background-image-button: linear-gradient(180deg, #6c0606, #a71b0c) !important;
    --background-image-top-header: linear-gradient(to bottom, #6d0a09, #94140f) !important;
    --background-banner-top: linear-gradient(to bottom, #6d0a09, #94140f) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #520400, #fc1115) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #a30d09 0%, #ba2b23 43%, #be1f1e 51%, #6d0401 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #e3db8d, #573c1d) !important;
    --bg-profile: linear-gradient(180deg, #eddf80, #000000bf) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(to bottom, #260201, #4d0404) !important;
    --bg-app-desktop: linear-gradient(to bottom, #260201, #4d0404) !important;
    --bs-btn-hover-border-color-refer: #158f4eab !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #2b0300, #900c07) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #158f4eab;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #78090a, #8b1310);
    --background-border-bottom: #efda81;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #669545, #66944a) 2 !important;
    --h-left: linear-gradient(to left, #66944a, #669545) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #5f0b09, #000000) !important;
    --text-color-input-group: #efda81;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 23vw !important;
    --card-margin-top: 52vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #830c00, #a6201d) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v72] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #010101, #010101) !important;
    --border-solid-menu: 1px solid #000 !important;
    --border-solid-menu-active: 1px solid #000 !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-button: linear-gradient(to bottom, #431106, #d12704) !important;
    --background-image-top-header: linear-gradient(to bottom, #010101, #010101) !important;
    --background-banner-top: linear-gradient(to bottom, #010101, #010101) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #f81418, #b22204) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: #6c1202 !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #480703, #d12704) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #8b0305;
    --background-border-bottom: #6f080b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --text-color-input-group: #6f080b;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 77px !important;
    --card-margin-top: 42vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(229 191 92 / 34%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #480703, #d12704) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v73] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #d29b40 !important;
    --border-solid-menu-active: 1px solid #d29b40 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-button: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-image-top-header: linear-gradient(to bottom, #b48c40, #573f10) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #dac74f, #664002) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(153, 7, 7, 1) 0%, rgba(247, 24, 24, 1) 43%, rgba(247, 24, 24, 1) 51%, rgba(153, 7, 7, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #9f6e005e;
    --bg-profile: linear-gradient(180deg, #8b877ae3, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f87a210e-223a-47db-2c38-3fcf5a98d300/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #b90001, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #825706;
    --background-border-bottom: #d29b40;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #be9649, #6b4907) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #825706 !important;
    --input-group-border: #825706 !important;
    --input-group-color: #fff !important;
    --top-logo: 85px !important;
    --card-margin-top: 46vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v74] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #000000, #000000) !important;
    --border-solid-menu: 1px solid #f1e28f00 !important;
    --border-solid-menu-active: 1px solid #835807 !important;
    --background-image: linear-gradient(to bottom, #000000, #000000);
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(68, 45, 2, 1) 0%, rgba(203, 181, 117, 1) 53%, rgba(235, 227, 202, 1) 66%, rgba(182, 155, 75, 1) 80%, rgba(82, 54, 2, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, #000000, #32280b) !important;
    --background-image-top-header: linear-gradient(to bottom, #000000, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #000000, #000000) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #cda659, #6a4809) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #fbbd07 0%, #f5b808 43%, #efb308 51%, #cf970a 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #1a1a1c, #000000) !important;
    --bg-profile: linear-gradient(180deg, #6a4809, #000000bf) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f806f57f-749b-4082-b9e8-d247bca55300/public) !important;
    --bg-app-desktop: linear-gradient(to bottom, #422f01, #161316) !important;
    --bs-btn-hover-border-color-refer: #158f4eab !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #1a1a1c, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #158f4eab;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fefefe;
    --background-menu-marquee: linear-gradient(to bottom, #000000, #000000);
    --background-border-bottom: #e9bc67;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #669545, #66944a) 2 !important;
    --h-left: linear-gradient(to left, #66944a, #669545) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #f7b907, #000000) !important;
    --text-color-input-group: #efda81;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 4px !important;
    --card-margin-top: 22vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #e1b955, #000000bf) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #463a1b;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(0deg, rgba(68, 45, 2, 1) 0%, rgba(203, 181, 117, 1) 53%, rgba(235, 227, 202, 1) 66%, rgba(182, 155, 75, 1) 80%, rgba(82, 54, 2, 1) 100%) !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023200, #02011f00);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #d7dae4 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #dbdde6, 0 0 45px #dbdde6, 0 0 55px #dbdde6, 0 0 65px #dbdde6, 0 0 75px #dbdde6, 0 0 85px #dbdde6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v75] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #007133, #001e0c) !important;
    --border-solid-menu: 1px solid #001c00 !important;
    --border-solid-menu-active: 1px solid #001c00 !important;
    --background-image: linear-gradient(to bottom, #007133, #001e0c);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #018b3e, #033a1a) !important;
    --background-image-button: linear-gradient(180deg, #037839, #001a0d) !important;
    --background-image-top-header: linear-gradient(to bottom, #007133, #001e0c) !important;
    --background-banner-top: linear-gradient(to bottom, #007133, #001e0c) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #629840, #305416) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #14ad5c 0%, #54cc7c 43%, #68c877 51%, #14ad5c 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #018b3e, #033a1a) !important;
    --bg-profile: linear-gradient(180deg, #083e24, #000000bf) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(to bottom, #032316, #094e20) !important;
    --bg-app-desktop: linear-gradient(to bottom, #032316, #094e20) !important;
    --bs-btn-hover-border-color-refer: #158f4eab !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #037839, #001a0d) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #158f4eab;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #109f50, #0ea151);
    --background-border-bottom: #6f935a;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #669545, #66944a) 2 !important;
    --h-left: linear-gradient(to left, #66944a, #669545) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #094c20, #000000) !important;
    --text-color-input-group: #efda81;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 71px !important;
    --card-margin-top: 42vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #0ea151 !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0ea151, #000000bf) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v76] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #f46200 !important;
    --border-solid-menu-active: 1px solid #f46200 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #9f6e005e);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(169 42 0) 43%, rgb(169 42 0) 51%, rgb(255 128 0) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(169 42 0) 43%, rgb(169 42 0) 51%, rgb(255 128 0) 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #484a52, #010101) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(93 36 1) 43%, rgb(121 36 2) 51%, rgb(255 128 0) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #f46200;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(255 127 0) 0%, rgb(184 53 0) 43%, rgb(169 42 0) 51%, rgb(169 42 0) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #ee5d0059;
    --bg-profile: linear-gradient(180deg, #000000db, #000000b5) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/972f6855-981a-4c39-2415-d373616bd800/public) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #484a52, #010101) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #ee5e05;
    --background-border-bottom: #ee5e05;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ee5e05, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ee5e05) 2 !important;
    --bg-signIn-border: linear-gradient(93deg, rgb(244 81 0) 0%, rgb(255 165 0) 43%, rgb(255 136 0) 51%, rgb(244 79 0) 100%) !important;
    --text-color-input-group: #ee5e05;
    --text-title-popular: #fff;
    --input-group-bg: #ee5e05 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #fff !important;
    --top-logo: 10px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 104 0 / 44%) !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #484a52, #010101) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: ##d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    -text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v78] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #d29b40 !important;
    --border-solid-menu-active: 1.5px solid #fbc501 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #3a0001, #000000);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #251e10, #573f10) !important;
    --background-image-button: linear-gradient(to bottom, #251e10, #573f10) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(108 84 37) 0%, rgb(54 45 29) 43%, rgb(29 24 14) 51%, rgb(50 40 21) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(255, 215, 0, 1) 0%, rgba(255, 215, 0, 1) 43%, rgba(255, 215, 0, 1) 51%, rgba(255, 137, 5, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(254, 148, 4, 1) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgba(253, 210, 1, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #9f6e005e;
    --bg-profile: linear-gradient(180deg, #0f0e09de, #3b2703) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fdbe00 !important;
    --bg-app: #3a0001 !important;
    --bg-app: linear-gradient(to bottom, #000000, #2c2313) !important;
    --bg-app-desktop: #000000 !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(191, 164, 113, 1) 0%, rgba(93, 81, 59, 1) 43%, rgba(39, 31, 16, 1) 51%, rgba(39, 31, 16, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000000;
    --background-border-bottom: #fbc501;
    --text-menu-bottom: #c0a715;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #442b16, #1d1814) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #be9649, #6b4907) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v79] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #7d08a9b5 !important;
    --background-image-button-hh: linear-gradient(to bottom, #7d08a9b5, #300d46) !important;
    --border-solid-menu: 1px solid #d29b40 !important;
    --border-solid-menu-active: 1.5px solid #fbc501 !important;
    --background-body: linear-gradient(180deg, #2f0049, #7d08a9b5);
    --background-image: linear-gradient(138deg, #54057f, #2f0049);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #54057f, #2f0049) !important;
    --background-image-button: linear-gradient(180deg, rgba(150, 33, 179, 1) 0%, rgba(84, 5, 127, 1) 62%, rgba(47, 0, 73, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(150, 33, 179, 1) 0%, rgba(84, 5, 127, 1) 62%, rgba(47, 0, 73, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #7d08a9b5, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(255, 215, 0, 1) 0%, rgba(255, 215, 0, 1) 43%, rgba(255, 215, 0, 1) 51%, rgba(255, 137, 5, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(254, 148, 4, 1) 0%, rgba(253, 210, 1, 1) 43%, rgba(253, 210, 1, 1) 51%, rgba(253, 210, 1, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(84, 5, 127, .8884803921568627) 62%, rgba(47, 0, 73, .9304971988795518) 100%);
    --bg-profile: linear-gradient(180deg, rgba(177, 71, 234, .8800770308123249) 2%, rgba(84, 5, 127, .8380602240896359) 62%, rgba(47, 0, 73, .9304971988795518) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fdbe00 !important;
    --bg-app: #2f0049 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0331b93d-3349-485b-412f-05c431e7a100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/13cd7f57-ba20-4c08-aa51-d0d74dade700/public) !important;
    --bs-btn-hover-border-color-refer: linear-gradient(180deg, rgba(84, 5, 127, .8884803921568627) 62%, rgba(47, 0, 73, .9304971988795518) 100%) !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(150, 33, 179, 1) 0%, rgba(84, 5, 127, 1) 62%, rgba(47, 0, 73, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #7c22ac;
    --background-border-bottom: #ffbf1b;
    --text-menu-bottom: #ffbf1b;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(84, 5, 127, .7988445378151261) 62%, rgba(47, 0, 73, .7596288515406162) 100%) !important;
    --text-color-input-group: #c3a94d;
    --text-title-popular: #fff;
    --input-group-bg: #7c22ac !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(150, 33, 179, 1) 0%, rgba(84, 5, 127, 1) 62%, rgba(47, 0, 73, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v80] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1.8px solid #ffde07 !important;
    --border-solid-menu-active: 2px solid #ffff00 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image-button: linear-gradient(to bottom, #000000c7, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(255, 215, 0, 1) 0%, rgba(255, 215, 0, 1) 23%, rgb(255 203 3) 31%, #000000 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #ffde07, #ffde07) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(255, 222, 7, 1) 58%, rgba(236, 209, 29, 1) 92%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(255, 222, 7, .6755952380952381) 0%, rgba(18, 16, 0, .6699929971988796) 67%, rgba(0, 0, 0, .8324579831932774) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ea661a35-1205-4495-561a-ba5a18fc4d00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/12a31a82-d9ef-494b-f732-7b64734e8a00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #000000bf 0%, #000000 43%, #000000 51%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #ffde07;
    --text-menu-bottom: #ffde07;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #ffde07) 2 !important;
    --h-left: linear-gradient(to left, #ffde07, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(255, 222, 7, .6083683473389356) 12%, rgba(12, 12, 12, .7792366946778712) 100%) !important;
    --text-color-input-group: #ffde07;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 229 12 / 88%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #ffde07, #000000) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v81] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1.8px solid #c2a334 !important;
    --border-solid-menu-active: 2px solid #8b6200 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(139, 98, 0, 1) 100%) !important;
    --background-image-button: linear-gradient(to bottom, #000000c7, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(194, 163, 52, .5943627450980392) 0%, rgba(139, 98, 0, .6167717086834734) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3463fcbe-593a-4fb0-d51d-6a2a19aeda00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/990b0035-52a7-4294-9558-62306eb10200/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #000000bf 0%, #000000 43%, #000000 51%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #e0c550;
    --text-menu-bottom: #e0c550;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(194, 163, 52, .5943627450980392) 0%, rgba(139, 98, 0, .6167717086834734) 100%) !important;
    --text-color-input-group: #8b6200;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(212 176 69 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #8b6200;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v82] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #007133, #001e0c) !important;
    --border-solid-menu: 1px solid #fff !important;
    --border-solid-menu-active: 1px solid #fff !important;
    --background-image: linear-gradient(to bottom, #007133, #001e0c);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #018b3e, #033a1a) !important;
    --background-image-button: linear-gradient(180deg, #037839, #001a0d) !important;
    --background-image-top-header: linear-gradient(180deg, #037839, #001a0d) !important;
    --background-banner-top: linear-gradient(to bottom, #007133, #001e0c) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #14ad5c 0%, #54cc7c 43%, #68c877 51%, #14ad5c 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #14ad5c 0%, #54cc7c 43%, #68c877 51%, #14ad5c 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #018b3e, #033a1a) !important;
    --bg-profile: linear-gradient(180deg, #083e24, #000000bf) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c9d313bf-fc8d-4ef0-5332-8121cbab0600/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c5beee62-e406-4a87-3be7-d205af8c3e00/public) !important;
    --bs-btn-hover-border-color-refer: #158f4eab !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #037839, #001a0d) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #158f4eab;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #109f50, #0ea151);
    --background-border-bottom: #ffffff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #669545, #66944a) 2 !important;
    --h-left: linear-gradient(to left, #66944a, #669545) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(0, 0, 0, .6) 0%, rgba(33, 115, 69, .6) 75%) !important;
    --text-color-input-group: #ffffff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 105px !important;
    --card-margin-top: 42vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #0ea151 !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0ea151, #000000bf) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v83] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1.8px solid #c2a334 !important;
    --border-solid-menu-active: 2px solid #8b6200 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(139, 98, 0, 1) 100%) !important;
    --background-image-button: linear-gradient(to bottom, #000000c7, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(194, 163, 52, .5943627450980392) 0%, rgba(139, 98, 0, .6167717086834734) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/aea4db95-1398-4d36-2867-1757fae21800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/7af455a6-a231-4d9a-d5a1-81d7316bb700/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #000000bf 0%, #000000 43%, #000000 51%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #e0c550;
    --text-menu-bottom: #e0c550;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(139, 98, 0, 1) 100%) !important;
    --text-color-input-group: #8b6200;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 35vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(212 176 69 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #8b6200;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v84] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #9f6e005e !important;
    --background-image-button-hh: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --border-solid-menu: 1px solid #0ce9b3 !important;
    --border-solid-menu-active: 1px solid #cc6001 !important;
    --background-body: linear-gradient(180deg, #3a0001, #9f6e005e);
    --background-image: linear-gradient(138deg, #11a884, #0000005e);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(14, 173, 136, 1) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgba(14, 173, 136, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(14, 173, 136, 1) 0%, rgba(7, 89, 70, 1) 43%, rgba(8, 66, 53, 1) 51%, rgba(14, 173, 136, 1) 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #484a52, #010101) !important;
    --background-banner-top: linear-gradient(to bottom, #9f6e005e, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #f3a221 0%, #cc6001 43%, #cc6001 51%, #f3a221 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #0ce9b3;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #f3a221 0%, #cc6001 43%, #cc6001 51%, #f3a221 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(237, 117, 4, .68) 0%, rgba(243, 162, 33, .72) 75%) !important;
    --bg-profile: linear-gradient(180deg, #28564b, #0a7a5ce3) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #005f49 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/dd279c79-3e5c-40b7-17ef-f682cd713100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3e48c04a-bd2e-4a54-d874-e33b3ab0fb00/public) !important;
    --bs-btn-hover-border-color-refer: #9f6e005e !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #333333, #010101) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #005f49;
    --background-border-bottom: #0ff6be;
    --text-menu-bottom: #0ff6be;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #0ff6be, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #0ff6be) 2 !important;
    --bg-signIn-border: linear-gradient(93deg, rgba(8, 66, 53, 1) 0%, rgba(14, 173, 136, 1) 43%, rgba(14, 173, 136, 1) 51%, rgba(8, 66, 53, 1) 100%) !important;
    --text-color-input-group: #0ef7be;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #0000 !important;
    --input-group-color: #fff !important;
    --top-logo: 72px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(15 246 190 / 34%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #f3a221 0%, #cc6001 43%, #cc6001 51%, #f3a221 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --background-border-bottom-vip: #d70f0f !important;
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    -text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v85] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --border-solid-menu: 2px solid #e9c979 !important;
    --border-solid-menu-active: 2px solid #e9c979 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(to bottom, #8f7f56, #080808);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #8f7f56, #000000) !important;
    --background-image-button: linear-gradient(180deg, #8f7f56, #000000) !important;
    --background-image-top-header: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --background-banner-top: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #e9c979, #8f7f56) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: "";
    --v-login: linear-gradient(0deg, rgba(172, 148, 49, 1) 30%, rgba(255, 231, 142, .8408613445378151) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --v-register: linear-gradient(0deg, rgba(172, 148, 49, 1) 30%, rgba(255, 231, 142, .8408613445378151) 100%) !important;
    --v-register-color: #fff;
    --v-register-radius: 30px;
    --v-login-color: #fff;
    --background-box-content: linear-gradient(0deg, rgba(172, 148, 49, .8128501400560224) 0%, rgba(227, 200, 125, .7960434173669468) 75%) !important;
    --bg-profile: linear-gradient(180deg, #302e1e, #0f1620bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/954f3d50-07e2-49ac-688e-5edc15086800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5a91f376-d908-46a0-db8d-a0e557e15e00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #242119, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #090909, #433d2f);
    --background-border-bottom: #e8cd72;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #f3d16e, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #f3d16e) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #ac9431, #000000) !important;
    --text-color-input-group: #a08b19;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 122px !important;
    --card-margin-top: 25vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 71%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #ac9431, #a48d61) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v86] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #edda76, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #007133, #001e0c) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-image: linear-gradient(to bottom, #007133, #001e0c);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #147b45, #147b45) !important;
    --background-image-button: linear-gradient(180deg, #037839, #001a0d) !important;
    --background-image-top-header: linear-gradient(180deg, #147b45, #147b45) !important;
    --background-banner-top: linear-gradient(to bottom, #007133, #001e0c) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #ff8081, #fe2f2d) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #277e42, #277e42) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #ff7e7e, #fe2d2b) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --v-register: radial-gradient(100% 100% at 50% 0, #72ceff 0, #62c8ff 44%, #27bcff 100%);
    --v-register-color: #fff;
    --v-register-radius: 30px;
    --right-radius: 25px;
    --left-radius: 25px;

    --background-border-bottom: rgba(224, 197, 80, 1);
    --background-box-content: linear-gradient(180deg, #147b45, #147b45) !important;
    --bg-profile: linear-gradient(180deg, #083e24, #000000bf) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: black;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    /* --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/fbf95d1c-9575-4d2a-e63c-07178fce3300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f756abd8-d789-4e4f-cc72-a96be90f3500/public) !important; */
    --bs-btn-hover-border-color-refer: #158f4eab !important;
    --text-theme-footer: #edda76;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #147b45, #147b45) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #158f4eab;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #147b45, #147b45);
    --background-border-bottom: #edda76;
    --text-menu-bottom: #edda76;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #669545, #66944a) 2 !important;
    --h-left: linear-gradient(to left, #66944a, #669545) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #147b45, #19633c) !important;
    --text-color-input-group: #ffffff;
    --text-title-popular: black;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 105px !important;
    --card-margin-top: 22vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #0ea151 !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0ea151, #000000bf) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v87] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #6d0a09, #94140f) !important;
    --border-solid-menu: 1px solid #f1e28f !important;
    --border-solid-menu-active: 1px solid #f1e28f !important;
    --background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 19%, rgba(73, 7, 9, 1) 57%, rgba(114, 11, 14, 1) 76%, rgba(181, 18, 23, 1) 100%);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #6c0606, #a71b0c) !important;
    --background-image-button: linear-gradient(0deg, rgba(0, 0, 0, 1) 19%, rgba(73, 7, 9, 1) 57%, rgba(114, 11, 14, 1) 76%, rgba(181, 18, 23, 1) 100%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(0, 0, 0, 1) 19%, rgba(73, 7, 9, 1) 57%, rgba(114, 11, 14, 1) 76%, rgba(181, 18, 23, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #6d0a09, #94140f) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #520400, #fc1115) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #a30d09 0%, #ba2b23 43%, #be1f1e 51%, #6d0401 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(0, 0, 0, .695203081232493) 19%, rgba(73, 7, 9, .7540266106442577) 57%, rgba(114, 11, 14, .6111694677871149) 76%, rgba(181, 18, 23, .5971638655462185) 100%) !important;
    --bg-profile: linear-gradient(0deg, rgba(0, 0, 0, .7988445378151261) 19%, rgba(73, 7, 9, .8016456582633054) 57%, rgba(114, 11, 14, .7764355742296919) 76%, rgba(181, 18, 23, .7876400560224089) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/80696fc7-cc7e-44d6-3919-a87f52526b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8f323354-f864-4225-09b5-20ed71fbb400/public) !important;
    --bs-btn-hover-border-color-refer: #158f4eab !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(0, 0, 0, 1) 19%, rgba(73, 7, 9, 1) 57%, rgba(114, 11, 14, 1) 76%, rgba(181, 18, 23, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #158f4eab;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #78090a, #8b1310);
    --background-border-bottom: #e5bb2b;
    --text-menu-bottom: #e5bb2b;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #78090a, #8b1310) 2 !important;
    --h-left: linear-gradient(to left, #78090a, #8b1310) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #5f0b09, #000000) !important;
    --text-color-input-group: #efda81;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 20vw !important;
    --card-margin-top: 34vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #830c00, #a6201d) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v88] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --border-solid-menu: 2px solid #e9c979 !important;
    --border-solid-menu-active: 2px solid #e9c979 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(to bottom, #8f7f56, #080808);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #8f7f56, #000000) !important;
    --background-image-button: linear-gradient(180deg, #8f7f56, #000000) !important;
    --background-image-top-header: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --background-banner-top: linear-gradient(to bottom, #8f7f56, #080808) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #e9c979, #8f7f56) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(172, 148, 49, 1) 30%, rgba(255, 231, 142, .8408613445378151) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(172, 148, 49, .8128501400560224) 0%, rgba(227, 200, 125, .7960434173669468) 75%) !important;
    --bg-profile: linear-gradient(180deg, #302e1e, #0f1620bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/53a757a7-ebe4-48eb-2799-e3f5997d3300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3ae0d195-94f8-49ef-17ad-6f49d4a94d00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #242119, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(to bottom, #090909, #433d2f);
    --background-border-bottom: #e8cd72;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #f3d16e, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #f3d16e) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #ac9431, #000000) !important;
    --text-color-input-group: #a08b19;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 52px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 71%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #ac9431, #a48d61) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v89] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #f221bd, rgba(0, 0, 0, 0));
    --background-login-gradient: #f221bd;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 2px solid #be05e6 !important;
    --border-solid-menu-active: 2px solid #f221bd !important;
    --background-body: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --background-image: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --background-image-top-header: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ab151dd4-2131-4181-d2ca-5a114dc9bf00/public) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(11, 1, 53, .7) 0%, rgba(160, 4, 201, .7) 45%, rgba(190, 5, 230, .7) 69%, rgba(242, 33, 189, .7) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8dc26f9f-aa1b-42f1-7487-94563fe68d00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/e93423da-f3f3-4db4-aeb9-89c4ec9db700/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/95c19e0e-b278-438e-1626-66336223fa00/public) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #f221bd;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(11, 1, 53, .7) 0%, rgba(160, 4, 201, .7) 45%, rgba(190, 5, 230, .7) 69%, rgba(242, 33, 189, .7) 100%) !important;
    --text-color-input-group: #f221bd;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 25vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(242 33 189 / 85%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #a00f52 44%, #4d0539 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #a704d5, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #5e063e47, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #a704d5 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #eb1761, 0 0 45px #eb1761, 0 0 55px #eb1761, 0 0 65px #eb1761, 0 0 75px #eb1761, 0 0 85px #eb1761;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v90] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #f221bd, rgba(0, 0, 0, 0));
    --background-login-gradient: #f221bd;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1px solid #ca2f7b !important;
    --border-solid-menu-active: 1px solid #fa8b84 !important;
    --background-body: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image-button: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image-top-header: linear-gradient(180deg, #b9135a, #480c1a) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(170deg, rgba(250, 139, 132, 1) 0%, rgba(202, 47, 123, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(170deg, rgba(183, 24, 116, 1) 0%, rgba(158, 2, 227, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(170deg, rgba(185, 19, 90, .8128501400560224) 0%, rgba(72, 12, 26, .8268557422969187) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d25d78f1-5ee8-4e96-a3d0-6cbe8a426200/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/7c9fff76-309f-452f-8e2c-14ec4ab54200/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #b81a7f, #16010a) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(170deg, rgba(185, 19, 90, .8128501400560224) 0%, rgba(72, 12, 26, .8268557422969187) 100%) !important;
    --text-color-input-group: #b51568;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 102px !important;
    --card-margin-top: 27vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(183 24 116 / 80%) !important;
    --bg-menu-popup-modal: linear-gradient(179deg, #b9135a, #480c1a) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v91] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #6e007b, rgba(0, 0, 0, 0));
    --background-login-gradient: #6e007b;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 2px solid #be05e6 !important;
    --border-solid-menu-active: 2px solid #ffdd20 !important;
    --background-body: linear-gradient(0deg, rgba(137, 5, 145, 1) 0%, rgba(179, 64, 185, 1) 44%, rgba(199, 98, 205, 1) 73%, rgba(241, 169, 246, 1) 100%) !important;
    --background-image: linear-gradient(0deg, rgba(137, 5, 145, 1) 0%, rgba(179, 64, 185, 1) 44%, rgba(199, 98, 205, 1) 73%, rgba(241, 169, 246, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(125, 0, 132, .9) 0%, rgba(132, 34, 137, .9) 29%, rgba(163, 72, 168, .9) 56%, rgba(244, 90, 255, .9) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgba(125, 0, 132, 1) 0%, rgba(132, 34, 137, 1) 29%, rgba(163, 72, 168, 1) 56%, rgba(244, 90, 255, 1) 100%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(137, 5, 145, 1) 0%, rgba(179, 64, 185, 1) 44%, rgba(199, 98, 205, 1) 73%, rgba(241, 169, 246, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(126, 107, 0, 1) 0%, rgba(255, 221, 32, 1) 70%, rgba(255, 230, 93, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(126, 107, 0, 1) 0%, rgba(255, 221, 32, 1) 70%, rgba(255, 230, 93, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(125, 0, 132, .7) 0%, rgba(132, 34, 137, .7) 29%, rgba(163, 72, 168, .7) 56%, rgba(244, 90, 255, .7) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c7bc133-1116-4765-9deb-252e370ad800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/e6737c0f-d621-494e-62b9-55cf8e16a500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/6f35d959-1c98-47ad-63e7-c19f10dc6400/public) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #ffffff;
    --text-menu-bottom: #000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(125, 0, 132, .7) 0%, rgba(132, 34, 137, .7) 29%, rgba(163, 72, 168, .7) 56%, rgba(244, 90, 255, .7) 100%) !important;
    --text-color-input-group: #b415e2;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 74px !important;
    --card-margin-top: 32vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(242 33 189 / 85%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(125, 0, 132, 1) 0%, rgba(132, 34, 137, 1) 29%, rgba(163, 72, 168, 1) 56%, rgba(244, 90, 255, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v92] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1.8px solid #c2a334 !important;
    --border-solid-menu-active: 2px solid #8b6200 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(139, 98, 0, 1) 100%) !important;
    --background-image-button: linear-gradient(to bottom, #000000c7, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(194, 163, 52, .5943627450980392) 0%, rgba(139, 98, 0, .6167717086834734) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/aea4db95-1398-4d36-2867-1757fae21800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/7af455a6-a231-4d9a-d5a1-81d7316bb700/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #000000bf 0%, #000000 43%, #000000 51%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #e0c550;
    --text-menu-bottom: #e0c550;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(139, 98, 0, 1) 100%) !important;
    --text-color-input-group: #8b6200;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 35vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(212 176 69 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #8b6200;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v93] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #f221bd, rgba(0, 0, 0, 0));
    --background-login-gradient: #f221bd;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 1px solid #fa8b84 !important;
    --border-solid-menu-active: 1px solid #7cb9bf !important;
    --background-body: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(170deg, rgba(250, 139, 132, 1) 0%, rgba(202, 47, 123, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, #fb8ab6, #a83355) !important;
    --background-image-top-header: linear-gradient(180deg, #fb8ab6, #a83355) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #73dcd7) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #73dcd7, #706d8c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #73dcd7, #706d8c);
    --background-image-popup-profiles-menu: #73dcd7;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(170deg, #73dcd7 0%, #706d8c 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #73dcd7;
    --background-menu-article-boder: 2px solid #73dcd7;
    --background-menu-login: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(170deg, #73dcd7 0%, #706d8c 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(168, 51, 85, .75) 33%, rgba(251, 138, 182, .75) 100%) !important;
    --bg-profile: linear-gradient(0deg, rgba(112, 109, 140, .9220938375350141) 33%, rgba(115, 220, 215, .9052871148459384) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/51d180aa-1976-4333-a278-927b88bb3c00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c2ae7c2a-9166-40b2-9ef7-a5addcd1ac00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #73dcd7 0%, #706d8c 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #a83355;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(168, 51, 85, .75) 33%, rgba(251, 138, 182, .75) 100%) !important;
    --text-color-input-group: #fb8ab6;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 50px !important;
    --card-margin-top: 37vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 138 182 / 95%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v94] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1.8px solid #c2a334 !important;
    --border-solid-menu-active: 2px solid #8b6200 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(139, 98, 0, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(139, 98, 0, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(194, 163, 52, .5943627450980392) 0%, rgba(139, 98, 0, .6167717086834734) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/34a34a45-7d9e-4402-1e84-f80bab8d8400/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4a25b5ea-f827-44a9-8c1f-39f05679d900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #e0c550;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(194, 163, 52, .9) 0%, rgba(224, 197, 80, .9) 24%, rgba(222, 194, 78, .9) 37%, rgba(139, 98, 0, .9) 100%) !important;
    --text-color-input-group: #8b6200;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 50px !important;
    --card-margin-top: 35vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(212 176 69 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #8b6200;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v95] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #f221bd, rgba(0, 0, 0, 0));
    --background-login-gradient: #f221bd;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 1px solid #fa8b84 !important;
    --border-solid-menu-active: 1px solid #7cb9bf !important;
    --background-body: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(0deg, rgba(147, 176, 198, 1) 27%, rgba(142, 254, 250, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(163, 193, 216, 1) 0%, rgba(194, 248, 246, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #73dcd7) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #73dcd7, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #73dcd7, #706d8c);
    --background-image-popup-profiles-menu: #73dcd7;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(147, 176, 198, 1) 27%, rgba(142, 254, 250, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #73dcd7;
    --background-menu-article-boder: 2px solid #73dcd7;
    --background-menu-login: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(170deg, rgba(250, 139, 132, .7) 0%, rgba(202, 47, 123, .7) 100%) !important;
    --bg-profile: linear-gradient(0deg, rgba(112, 109, 140, .9220938375350141) 33%, rgba(115, 220, 215, .9052871148459384) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/35f52859-ed1e-48a9-2d4d-b4d16410a000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b4653cee-dcc5-430b-d9b6-9bad46bf5500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(198, 116, 174, 1) 27%, rgba(247, 148, 225, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%);
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(170deg, rgba(250, 139, 132, .7) 0%, rgba(202, 47, 123, .7) 100%) !important;
    --text-color-input-group: #fb8ab6;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 72px !important;
    --card-margin-top: 27vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 138 182 / 95%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(198, 116, 174, 1) 27%, rgba(247, 148, 225, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v96] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #05a1e5, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 2px solid #02aeff !important;
    --border-solid-menu-active: 2px solid #fcf895 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #075887 0%, #02aeff 52%, #75f6fc 100%) !important;
    --background-image-button: linear-gradient(to bottom, #000000c7, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000 0%, #000000 43%, #000000 51%, #000000 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #075887 20%, #02aeff 69%, #75f6fc 100%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #075887 18%, rgba(2, 174, 255, .8192) 52%, rgba(0, 161, 231, .81925) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .87344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/237cb04f-25a9-413f-3c8f-1fd218137e00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0301329c-456f-4f4c-ba1a-1a5e3540eb00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #000000 0%, #000000 43%, #000000 51%, #000000bf 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #02aeff;
    --text-menu-bottom: #02aeff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(0, 0, 0, .819) 18%, rgba(2, 174, 255, .8192) 49%, rgba(0, 161, 231, .81925) 100%) !important;
    --text-color-input-group: #02aeff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 32vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(2 174 255 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, #000 0%, #075887 20%, #02aeff 69%, #75f6fc 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #8b6200;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v97] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ced1dd, rgba(0, 0, 0, 0));
    --background-login-gradient: #ced1dd;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #f7f8fb !important;
    --website--theme--nav--with--modal--color--dark: #000000 !important;
    --background-image-button-hh: linear-gradient(to bottom, #f7f8fb, #ced1dd) !important;
    --border-solid-menu: 0px solid #fff !important;
    --border-solid-menu-active: 0px solid #fff !important;
    --background-body: linear-gradient(0deg, #ced1dd 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --text-color: #000000;
    --background-image-top: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --background-image-button: linear-gradient(0deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --background-image-top-header: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #ced1dd, #f7f8fb) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #f7f8fb, #ced1dd);
    --background-bg-footer: #000;
    --background-image-popup: rgb(38 24 91 / 64%);
    --background-image-popup-profiles: linear-gradient(180deg, #f7f8fb, #ced1dd);
    --background-image-popup-profiles-menu: #ced1dd;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #ced1dd, #ced1dd);
    --background-menu-active: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #ced1dd;
    --background-menu-article-boder: 2px solid #ced1dd;
    --background-menu-login: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: #ff2c55 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(247, 248, 251, .9164915966386554) 0%, rgba(206, 209, 221, .9024859943977591) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #000000;
    --menu_icon: #fff;
    --text-theme-menu: #000000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #000000 !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ef103a6c-45ce-4513-b945-52f30c34e100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d24a320e-dbb3-4729-7032-b3136a304e00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000000;
    --active-color-menu: #000;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #f7f8fb, #ced1dd) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #000;
    --bg-active-refer: #000000;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #000000;
    --background-menu-marquee: #d2d6e1 !important;
    --background-border-bottom: #fff;
    --text-menu-bottom: #000000;
    --btn-withdraw-text: #000;
    --btn-deposit-text: #000;
    --h-right: linear-gradient(to left, #ced1dd, #f7f8fb) 2 !important;
    --h-left: linear-gradient(to left, #f7f8fb, #ced1dd) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #d2d6e1 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000000 !important;
    --top-logo: 62px !important;
    --card-margin-top: 14vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(206 209 221 / 100%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #f7f8fb, #ced1dd) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #000;
    --pagination-button--active: #ff2c55 !important;
    --pagination-button: #a9a9a97b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #d2d6e1;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #000;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #d1d4de, #e2e3e7), linear-gradient(180deg, #dee0e9, #dbdde6);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023200, #02011f00);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #d7dae4 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #dbdde6, 0 0 45px #dbdde6, 0 0 55px #dbdde6, 0 0 65px #dbdde6, 0 0 75px #dbdde6, 0 0 85px #dbdde6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v98] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #1a9d0b, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #1a9d0b) !important;
    --border-solid-menu: 1.8px solid #1a9d0b !important;
    --border-solid-menu-active: 2px solid #8b6200 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(26, 157, 11, 1) 68%) !important;
    --background-image-button: linear-gradient(to bottom, #000000c7, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000 0%, #000000 43%, #000000 51%, #000000bf 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #1a9d0b, #1a9d0b);
    --background-image-popup-profiles-menu: #1a9d0b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #1a9d0b;
    --background-menu-article-boder: 2px solid #1a9d0b;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(30, 199, 14, 1) 0%, rgba(26, 157, 11, 1) 71%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(31, 207, 15, .9417016806722689) 0%, rgba(0, 0, 0, .9473039215686274) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/613bacd9-df75-4a59-0087-b720766c6700/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/217a6ae0-449c-4ef1-c6bb-a5bcf146fb00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #000000 0%, #000000 43%, #000000 51%, #000000bf 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #1a9d0b;
    --text-menu-bottom: #1a9d0b;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #1a9d0b, #1ec70e) 2 !important;
    --h-left: linear-gradient(to left, #1ec70e, #1a9d0b) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(31, 207, 15, .9417016806722689) 0%, rgba(0, 0, 0, .9473039215686274) 100%) !important;
    --text-color-input-group: #1a9d0b;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 34vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(212 176 69 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(31, 207, 15, 1) 0%, rgba(0, 0, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #1a9d0b;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v99] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #1a9d0b, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #1a9d0b) !important;
    --border-solid-menu: 1.8px solid #81ff70 !important;
    --border-solid-menu-active: 2.5px dotted #81ff70 !important;
    --background-body: linear-gradient(0deg, rgba(78, 166, 40, 1) 0%, rgba(58, 158, 8, 1) 6%, rgba(57, 158, 7, 1) 21%, rgba(179, 249, 48, 1) 75%, rgba(179, 249, 48, 1) 88%, rgba(126, 224, 31, 1) 99%) !important;
    --background-image: linear-gradient(0deg, rgba(78, 166, 40, 1) 0%, rgba(58, 158, 8, 1) 6%, rgba(57, 158, 7, 1) 21%, rgba(179, 249, 48, 1) 75%, rgba(179, 249, 48, 1) 88%, rgba(126, 224, 31, 1) 99%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(78, 166, 40, 1) 0%, rgba(58, 158, 8, 1) 6%, rgba(57, 158, 7, 1) 21%, rgba(179, 249, 48, 1) 75%, rgba(179, 249, 48, 1) 88%, rgba(126, 224, 31, 1) 99%) !important;
    --background-image-button: linear-gradient(0deg, rgba(78, 166, 40, 1) 0%, rgba(58, 158, 8, 1) 6%, rgba(57, 158, 7, 1) 21%, rgba(179, 249, 48, 1) 75%, rgba(179, 249, 48, 1) 88%, rgba(126, 224, 31, 1) 99%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(78, 166, 40, 1) 0%, rgba(58, 158, 8, 1) 6%, rgba(57, 158, 7, 1) 21%, rgba(179, 249, 48, 1) 75%, rgba(179, 249, 48, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #1a9d0b, #1a9d0b);
    --background-image-popup-profiles-menu: #1a9d0b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(78, 166, 40, 1) 0%, rgba(58, 158, 8, 1) 6%, rgba(57, 158, 7, 1) 21%, rgba(179, 249, 48, 1) 75%, rgba(179, 249, 48, 1) 88%, rgba(126, 224, 31, 1) 99%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #1a9d0b;
    --background-menu-article-boder: 2px solid #1a9d0b;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(62, 62, 62, 1) 0%, rgba(2, 2, 2, 1) 38%, rgba(0, 0, 0, 1) 51%, rgba(7, 7, 7, 1) 62%, rgba(82, 82, 82, 1) 100%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(78, 166, 40, .9) 0%, rgba(58, 158, 8, .91) 6%, rgba(57, 158, 7, .91) 21%, rgba(179, 249, 48, .91) 75%, rgba(179, 249, 48, .91) 88%, rgba(126, 224, 31, .91) 99%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ed0809a6-e2c7-4662-f916-31d791ed5a00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/6b4c5b19-72ea-4809-b6c0-e41b3897f400/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(73, 121, 55, 1) 0%, rgba(40, 104, 7, 1) 5%, rgba(36, 102, 2, 1) 8%, rgba(59, 125, 9, 1) 25%, rgba(167, 235, 45, 1) 57%, rgba(177, 245, 48, 1) 71%, rgba(134, 231, 33, 1) 88%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #dbdbdb;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #1a9d0b, #1ec70e) 2 !important;
    --h-left: linear-gradient(to left, #1ec70e, #1a9d0b) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(78, 166, 40, .9) 0%, rgba(58, 158, 8, .91) 6%, rgba(57, 158, 7, .91) 21%, rgba(179, 249, 48, .91) 75%, rgba(179, 249, 48, .91) 88%, rgba(126, 224, 31, .91) 99%) !important;
    --text-color-input-group: #1a9d0b;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 34vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #b4fa31 !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(78, 166, 40, 1) 0%, rgba(58, 158, 8, 1) 6%, rgba(57, 158, 7, 1) 21%, rgba(179, 249, 48, 1) 75%, rgba(179, 249, 48, 1) 88%, rgba(126, 224, 31, 1) 99%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #1a9d0b;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v100] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffb900, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 2px solid #ffb900 !important;
    --border-solid-menu-active: 2px solid #ffb900 !important;
    --background-body: linear-gradient(0deg, #000000bf 0%, #000000 80%) !important;
    --background-image: linear-gradient(0deg, #000000bf 0%, #000000 80%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #000000bf 0%, #000000 80%) !important;
    --background-image-button: linear-gradient(0deg, #000000bf 0%, #000000 80%) !important;
    --background-image-top-header: linear-gradient(0deg, #000000c7 0%, #000000 80%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(255, 185, 0, 1) 0%, rgba(255, 185, 0, 1) 31%, #000000 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #ffb900, #ffde07) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(65deg, rgba(255, 113, 2, 1) 0%, rgba(255, 255, 0, 1) 45%, rgba(255, 116, 2, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(255, 185, 0, .7) 0%, rgba(18, 16, 0, .7) 67%, rgba(0, 0, 0, .8324579831932774) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .89) 0%, rgba(0, 0, 0, .95) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/7138d786-ad17-4615-8a7c-ca3c63e85c00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a6eb81bf-13c1-4f31-c20e-d3d7ce1bbc00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #000000bf 0%, #000000 43%, #000000 51%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #ffb900;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #ffde07) 2 !important;
    --h-left: linear-gradient(to left, #ffde07, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(255, 222, 7, .8) 12%, rgba(12, 12, 12, .8) 100%) !important;
    --text-color-input-group: #ffb900;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #000 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 36vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 229 12 / 88%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #ffb900, #000000) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v101] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffe970, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1.5px solid #ffe970 !important;
    --border-solid-menu-active: 1.5px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #7d6f0f 10%, #f1e869 50%, #f1e869 60%, #7d6f0f 100%) !important;
    --background-image-button: linear-gradient(0deg, #7d6f0f 10%, #f1e869 50%, #f1e869 60%, #7d6f0f 100%) !important;
    --background-image-top-header: linear-gradient(0deg, #7d6f0f 10%, #f1e869 50%, #f1e869 60%, #7d6f0f 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #ad9e36 0%, #e7de5f 40%, #e7de5f 60%, #ad9e36 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(62, 62, 62, 1) 0%, rgba(2, 2, 2, 1) 38%, rgba(0, 0, 0, 1) 51%, rgba(7, 7, 7, 1) 62%, rgba(82, 82, 82, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(241, 232, 105, .9) 0%, rgba(125, 111, 15, .95) 90%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/550e5323-cbde-4bac-9a02-8be72aef8f00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/88d77683-e788-4fcf-2290-29b1e44fec00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #7d6f0f 10%, #f1e869 50%, #f1e869 60%, #7d6f0f 93%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #e4e0e1;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(241, 232, 105, .9) 0%, rgba(125, 111, 15, .95) 90%) !important;
    --text-color-input-group: #ffe970;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 50px !important;
    --card-margin-top: 22vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 233 112 / 91%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #f1e869 0%, #7d6f0f 90%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v102] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #1a9d0b, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #1a9d0b) !important;
    --border-solid-menu: 1.8px solid #81ff70 !important;
    --border-solid-menu-active: 1.8px solid #81ff70 !important;
    --background-body: linear-gradient(0deg, #1c7703 0%, #1c7703 6%, #1c7703 21%, #8afc6b 100%) !important;
    --background-image: linear-gradient(0deg, #1c7703 0%, #1c7703 6%, #1c7703 21%, #8afc6b 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #1c7703 0%, #1c7703 6%, #1c7703 21%, #8afc6b 75%, #8afc6b 90%, #62e83d 100%) !important;
    --background-image-button: linear-gradient(0deg, #1c7703 0%, #1c7703 6%, #1c7703 21%, #8afc6b 100%) !important;
    --background-image-top-header: linear-gradient(0deg, #1c7703 0%, #1c7703 6%, #1c7703 21%, #8afc6b 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #1c7703, #1c7703);
    --background-image-popup-profiles-menu: #1c7703;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, #2ac700 0%, #2ac700 6%, #2ac700 21%, #8afc6b 95%, #8afc6b 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #1c7703;
    --background-menu-article-boder: 2px solid #1c7703;
    --background-menu-login: linear-gradient(180deg, #1c7703, #1c7703) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(62, 62, 62, 1) 0%, rgba(2, 2, 2, 1) 38%, rgba(0, 0, 0, 1) 51%, rgba(7, 7, 7, 1) 62%, rgba(82, 82, 82, 1) 100%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(28, 119, 3, .9) 0%, rgba(28, 119, 3, .91) 6%, rgba(28, 119, 3, .91) 21%, rgba(138, 252, 107, .91) 75%, rgba(138, 252, 107, .91) 88%, rgba(95, 231, 58, .91) 99%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .91) 0%, rgba(0, 0, 0, .91) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ed0809a6-e2c7-4662-f916-31d791ed5a00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/6b4c5b19-72ea-4809-b6c0-e41b3897f400/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #1c7703 0%, #1c7703 6%, #1c7703 21%, #8afc6b 75%, #8afc6b 90%, #62e83d 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #dbdbdb;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #1c7703, #1ec70e) 2 !important;
    --h-left: linear-gradient(to left, #1ec70e, #1c7703) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(28, 119, 3, .9) 0%, rgba(28, 119, 3, .91) 6%, rgba(28, 119, 3, .91) 21%, rgba(138, 252, 107, .91) 75%, rgba(138, 252, 107, .91) 88%, rgba(95, 231, 58, .91) 99%) !important;
    --text-color-input-group: #8afc6b;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 34vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #8afc6b !important;
    --bg-menu-popup-modal: linear-gradient(0deg, #1c7703 0%, #1c7703 6%, #1c7703 21%, #8afc6b 75%, #8afc6b 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #1c7703;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v103] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffbe90, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: 1px solid #ff100c !important;
    --border-solid-menu-active: 1px solid #ff100c !important;
    --background-body: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 21%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --background-image: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 21%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 21%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --background-image-button: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 21%, #ff100c 75%, #ff100c 90%, #ff100c 100%) !important;
    --background-image-top-header: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 21%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #610000, #610000);
    --background-image-popup-profiles-menu: #610000;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 11%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #610000;
    --background-menu-article-boder: 2px solid #610000;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #da2300 0%, #ee9d00 100%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(90deg, rgba(73, 0, 0, 1) 0%, rgba(198, 0, 0, 1) 50%, rgba(73, 0, 0, 1) 100%) !important;
    --bg-profile: linear-gradient(60deg, rgba(73, 0, 0, .96) 0%, rgba(198, 0, 0, .81) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ac9efb55-d97c-44bf-8c23-685f8d881300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a5b634ce-5474-4151-61e2-5593001eb800/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 21%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #fcfcfc;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #610000, #ff412d) 2 !important;
    --h-left: linear-gradient(to left, #ff412d, #610000) 2 !important;
    --bg-signIn-border: linear-gradient(90deg, rgba(73, 0, 0, 1) 0%, rgba(198, 0, 0, 1) 50%, rgba(73, 0, 0, 1) 100%) !important;
    --text-color-input-group: #ff100c;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 64px !important;
    --card-margin-top: 30vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #ff100c !important;
    --bg-menu-popup-modal: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 21%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v104] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(180deg, #ffb118, #a12e00) !important;
    --border-solid-menu: 1.9px solid #fff !important;
    --border-solid-menu-active: 1.9px solid #fff !important;
    --background-body: linear-gradient(180deg, #ffb118, #a12e00);
    --background-image: linear-gradient(180deg, #ffb118, #a12e00);
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #ff8513 20%, #ffb118) !important;
    --background-image-button: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .62861) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .62861) 100%) !important;
    --background-banner-top: linear-gradient(0deg, #ffb118, #a12e00) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, #ffb118, #ff8513) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #ffd772 0, #ff8513 50%, #ffd772) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .861) 0%, rgba(0, 0, 0, .861) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1e0ee618-d2eb-4c04-307e-79904d363a00/public) !important;
    --bg-app-desktop: linear-gradient(-30deg, #ffb118, #a12e00) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #ffb118, #a12e00) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(-30deg, #ffb118, #a12e00);
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #ffb118aa, #a12e00aa) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 73px !important;
    --card-margin-top: 28vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #ffd772 !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #ffb118, #a12e00) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #a12e00;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v105] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #a100ff, rgba(0, 0, 0, 0));
    --background-login-gradient: #a100ff;
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(180deg, #f850b8 40%, #53126c) !important;
    --border-solid-menu: 2.85px solid #a100ff !important;
    --border-solid-menu-active: 2.85px solid #00bdf1 !important;
    --background-body: linear-gradient(180deg, #f850b8 40%, #53126c);
    --background-image: linear-gradient(180deg, #f850b8 40%, #53126c);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #fe53d9, #b90374) !important;
    --background-image-button: linear-gradient(180deg, #fe53d9, #b90374) !important;
    --background-image-top-header: linear-gradient(180deg, #fe53d9, #b90374) !important;
    --background-banner-top: linear-gradient(180deg, #f850b8 40%, #53126c) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #6a00ce, #a100ff) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(189deg, #6a00ce, #a100ff) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #f850b8, #53126c);
    --bg-profile: linear-gradient(0deg, rgba(83, 18, 108, .9641106442577031) 0%, rgba(185, 3, 116, .9585084033613446) 49%, rgba(254, 83, 217, .9557072829131653) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/6bd0ef04-b429-44ab-0ffe-3fa20845bc00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/23caf8e8-f39f-478a-2f8c-cb69326d7c00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #f850b8, #53126c) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(180deg, #fe53d9, #b90374);
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(185, 3, 116, .85) 49%, rgba(254, 83, 217, .85) 100%) !important;
    --text-color-input-group: #a100ff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 73px !important;
    --card-margin-top: 31vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #fe53d9 !important;
    --bg-menu-popup-modal: linear-gradient(189deg, #6a00ce, #a100ff) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v106] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #98ffff, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #2100de !important;
    --website--theme--nav--with--modal--color--dark: #98ffff !important;
    --background-image-button-hh: linear-gradient(to bottom, #2100de 10%, #000650 100%) !important;
    --border-solid-menu: 1.8px solid #98ffff !important;
    --border-solid-menu-active: 1.8px solid #fbec17 !important;
    --background-body: linear-gradient(to bottom, #2100de 0%, #000650 100%);
    --background-image: linear-gradient(to bottom, #2100de 0%, #000650 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #2100de, #000650) !important;
    --background-image-button: linear-gradient(to bottom, #2100de 0%, #000650 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #2100de 0%, #000650 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #2100de 10%, #000650 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #009dff, #2100de) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: #fb2c56 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #2100ded1 10%, #000650 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #00000091, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c2aeb9c6-38c7-4fc6-13b0-ac8543131d00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c2aeb9c6-38c7-4fc6-13b0-ac8543131d00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #2100de, #000650) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000650;
    --background-border-bottom: #98ffff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #000650, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #000650) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #2100ded1 10%, #000650 100%) !important;
    --text-color-input-group: #98ffff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -1px !important;
    --card-margin-top: 8vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #98ffff !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #2100de, #000650) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #98ffff;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #2100de;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #fbec17 !important;
    --pagination-button: #98ffff;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #98ffff, #00000000);
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023214, #02011f36);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #98ffff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v107] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 1.8px solid #efd08d !important;
    --border-solid-menu-active: 1.8px solid #efd08d !important;
    --background-body: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --background-image: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #861e1c, #4e1413) !important;
    --background-image-button: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #91201e, #861e1c) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(37deg, rgba(232, 199, 155, 1) 0%, rgba(202, 149, 83, 1) 49%, rgba(231, 199, 156, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --bg-view: linear-gradient(0deg, #861e1c, #4e1413) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(24deg, rgba(78, 20, 19, 1) 0%, rgba(134, 30, 28, 1) 50%, rgba(78, 20, 19, 1) 100%) !important;
    --bg-app-desktop: linear-gradient(24deg, rgba(78, 20, 19, 1) 0%, rgba(134, 30, 28, 1) 50%, rgba(78, 20, 19, 1) 100%) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #861e1c, #4e1413) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(20 2 164);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(21 2 171);
    --background-border-box: #98ffff;
    --background-menu-marquee: #4e1413;
    --background-border-bottom: #efd08d;
    --text-menu-bottom: #fbead1;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --text-color-input-group: #efd08d;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -40px !important;
    --card-margin-top: 4vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #efd08d !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #6f1c1a, #4e1413) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #efd08d;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(37deg, rgba(232, 199, 155, 1) 0%, rgba(202, 149, 83, 1) 49%, rgba(231, 199, 156, 1) 100%) !important;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #8f1f1d, #841d1b), linear-gradient(180deg, #dfbb7f, #efd08d);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #efd08d 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #efd08d 0, #7b1d1a 44%, #7f1d1b 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v108] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ff8704, rgba(0, 0, 0, 0));
    --background-login-gradient: #ff8704;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 1.8px solid #ff93ff !important;
    --border-solid-menu-active: 1.8px solid #7497f1 !important;
    --background-body: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(180deg, rgba(199, 224, 254, 1) 0%, rgba(170, 200, 254, 1) 39%, #8aa2df 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(199, 224, 254, 1) 0%, rgba(170, 200, 254, 1) 39%, #8aa2df 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(199, 224, 254, 1) 0%, rgba(170, 200, 254, 1) 39%, #8aa2df 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #7497f1) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #7497f1, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #7497f1, #706d8c);
    --background-image-popup-profiles-menu: #7497f1;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(199, 224, 254, 1) 0%, rgba(170, 200, 254, 1) 39%, #8aa2df 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #7497f1;
    --background-menu-article-boder: 2px solid #7497f1;
    --background-menu-login: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #ff8704 17%, #fed303 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(224, 132, 198, .851) 27%, rgba(255, 178, 238, .851) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(199, 224, 254, .961) 0%, rgba(170, 200, 254, .961) 49%, #8aa2df 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/87c0701f-c030-41fd-8674-c7a10f962b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8894ab80-a01b-419a-87b1-e700f3d5de00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(0deg, #ff8704 17%, #fed303 100%);
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(224, 132, 198, .751) 27%, rgba(255, 178, 238, .751) 100%) !important;
    --text-color-input-group: #ffffff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -27px !important;
    --card-margin-top: 23vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 138 182 / 95%) !important;
    --bg-menu-popup-modal: linear-gradient(10deg, #ff8704 17%, #fed303 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v109] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #f24ac1, rgba(0, 0, 0, 0));
    --background-login-gradient: #f24ac1;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 1.8px solid #fc7edb !important;
    --border-solid-menu-active: 1.8px solid #c999fd !important;
    --background-body: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(0deg, #fc7edb 37%, #feb3ec 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #fc7edb 37%, #feb3ec 100%) !important;
    --background-image-button: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/cc7319a9-8ead-4cdb-0037-0eb8f0b79f00/public);
    --background-image-top-header: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/cc7319a9-8ead-4cdb-0037-0eb8f0b79f00/public) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #73dcd7) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #73dcd7, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #73dcd7, #706d8c);
    --background-image-popup-profiles-menu: #73dcd7;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, #c999fd 37%, #e7a5fd 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #73dcd7;
    --background-menu-article-boder: 2px solid #73dcd7;
    --background-menu-login: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #ff9703 17%, #fed303 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(10deg, rgba(250, 128, 217, .851) 27%, rgba(252, 165, 230, .8751) 100%) !important;
    --bg-profile: linear-gradient(0deg, rgba(250, 128, 217, .851) 27%, rgba(252, 165, 230, .8751) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b03d8a1a-14fe-4306-f245-a640a9cc4300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ef4aa752-3c72-4872-4ad2-9f4be53e1500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #fc7edb 27%, #feb3ec 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(10deg, #ae5697 17%, #fc7edb 100%);
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(10deg, rgba(250, 128, 217, .851) 27%, rgba(252, 165, 230, .8751) 100%) !important;
    --text-color-input-group: #ffffff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 72px !important;
    --card-margin-top: 31vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #f24ac1 !important;
    --bg-menu-popup-modal: linear-gradient(10deg, #ff8704 17%, #fed303 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(0deg, #c999fd 37%, #e7a5fd 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v110] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #f42cff, rgba(0, 0, 0, 0));
    --background-login-gradient: #f42cff;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 1.8px solid #00d3e3 !important;
    --border-solid-menu-active: 1.8px solid #b903fd !important;
    --background-body: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(0deg, rgba(0, 37, 179, .961) 0%, rgba(54, 0, 179, .961) 18%, rgba(93, 0, 179, .961) 60%, rgba(129, 0, 179, .961) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 99, 209, 1) 0%, rgba(0, 169, 224, 1) 49%, rgba(0, 211, 227, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(0, 37, 179, 1) 0%, rgba(54, 0, 179, 1) 18%, rgba(93, 0, 179, 1) 60%, rgba(129, 0, 179, 1) 85%, rgba(156, 0, 179, 1) 100%);
    --background-image-top-header: linear-gradient(180deg, rgba(0, 37, 179, 1) 0%, rgba(54, 0, 179, 1) 18%, rgba(93, 0, 179, 1) 60%, rgba(129, 0, 179, 1) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #73dcd7) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #73dcd7, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #73dcd7, #706d8c);
    --background-image-popup-profiles-menu: #73dcd7;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(0, 37, 179, 1) 0%, rgba(54, 0, 179, 1) 18%, rgba(93, 0, 179, 1) 60%, rgba(129, 0, 179, 1) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #73dcd7;
    --background-menu-article-boder: 2px solid #73dcd7;
    --background-menu-login: linear-gradient(0deg, rgba(0, 99, 209, 1) 0%, rgba(0, 169, 224, 1) 49%, rgba(0, 211, 227, 1) 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(0, 99, 209, 1) 0%, rgba(0, 169, 224, 1) 49%, rgba(0, 211, 227, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(0, 99, 209, .891) 0%, rgba(0, 169, 224, .891) 49%, rgba(0, 211, 227, .891) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 37, 179, .961) 0%, rgba(54, 0, 179, .961) 18%, rgba(93, 0, 179, .961) 60%, rgba(129, 0, 179, .961) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/40112615-fbbe-44e6-da8d-065e9880ae00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ab6aa13f-f0e8-4bf7-aeb8-f33ba2248200/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(0, 37, 179, 1) 0%, rgba(54, 0, 179, 1) 18%, rgba(93, 0, 179, 1) 60%, rgba(129, 0, 179, 1) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(10deg, rgba(93, 0, 179, .851) 0%, rgba(129, 0, 179, .851) 50%, rgba(156, 0, 179, .851) 100%);
    --background-border-bottom: rgba(156, 0, 179, 1);
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(93, 0, 179, .851) 0%, rgba(129, 0, 179, .851) 50%, rgba(156, 0, 179, .851) 100%) !important;
    --text-color-input-group: #f42cff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 72px !important;
    --card-margin-top: 31vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #b903fd !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(0, 99, 209, 1) 0%, rgba(0, 169, 224, 1) 49%, rgba(0, 211, 227, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v111] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: #000;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 2px solid #c2a334 !important;
    --border-solid-menu-active: 2px solid #c2a334 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000bf 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(32, 32, 32, 1) 49%, rgba(139, 98, 0, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(32, 32, 32, 1) 49%, rgba(139, 98, 0, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(194, 163, 52, .5943627450980392) 0%, rgba(139, 98, 0, .6167717086834734) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/34a34a45-7d9e-4402-1e84-f80bab8d8400/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4a25b5ea-f827-44a9-8c1f-39f05679d900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #e0c550;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(194, 163, 52, .89) 0%, rgba(224, 197, 80, .89) 24%, rgba(222, 194, 78, .89) 37%, rgba(139, 98, 0, .89) 100%) !important;
    --text-color-input-group: #c2a334;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 76px !important;
    --card-margin-top: 28vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(212 176 69 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #8b6200;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v112] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #fdcb0a, rgba(0, 0, 0, 0));
    --background-login-gradient: #fdcb0a;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 2.1px solid #fdcb0a !important;
    --border-solid-menu-active: 2.1px solid #fdcb0a !important;
    --background-body: linear-gradient(180deg, #fdcb0a 40%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #fdcb0a 40%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #fdcb0a 20%, #000000 100%) !important;
    --background-image-button: linear-gradient(180deg, #fdcb0a 40%, #fdcb0a 100%) !important;
    --background-image-top-header: linear-gradient(180deg, #fdcb0a 40%, #fdcb0a 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: #000 !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #ffde07, #ffde07) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #1d1d1b 0%, #000000 43%, #000000 51%, #1d1d1b 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #51515138 !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .9344187675070029) 0%, rgba(0, 0, 0, .940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/79969f86-7d24-4185-9147-8fd8c9c6d200/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5b98360a-c0d7-4f33-57eb-182bf79bf500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: #fdcb0a !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #fff;
    --text-menu-bottom: #000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #fdcb0a) 2 !important;
    --h-left: linear-gradient(to left, #fdcb0a, #ffb100) 2 !important;
    --bg-signIn-border: #7c7c7a45 !important;
    --text-color-input-group: #fdcb0a;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #fdcb0a !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #fdcb0a 20%, #000000 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #fdcb0a;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v113] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(224, 197, 80, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: 1.8px solid rgba(224, 197, 80, 1) !important;
    --border-solid-menu-active: 1.8px solid rgba(222, 194, 78, 1) !important;
    --background-body: linear-gradient(0deg, #610000 50%, #ff1c15 100%) !important;
    --background-image: linear-gradient(0deg, #610000 50%, #ff1c15 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 21%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --background-image-button: linear-gradient(0deg, #610000 0%, #ff100c 100%) !important;
    --background-image-top-header: linear-gradient(0deg, #610000 0%, #ff1c15 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #610000, #610000);
    --background-image-popup-profiles-menu: #610000;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, #610000 0%, #610000 6%, #610000 11%, #ff1c15 79%, #ff1c15 90%, #ff1c15 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #610000;
    --background-menu-article-boder: 2px solid #610000;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(90deg, rgba(73, 0, 0, 1) 0%, rgba(198, 0, 0, 1) 50%, rgba(73, 0, 0, 1) 100%) !important;
    --bg-profile: linear-gradient(60deg, rgba(73, 0, 0, .96) 0%, rgba(198, 0, 0, .81) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/7d492316-b7a5-47d1-c080-87b595bf1400/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c7622c52-03d0-484e-0e26-cf7766200500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #610000 0%, #ff1c15 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: rgba(224, 197, 80, 1);
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #610000, #ff412d) 2 !important;
    --h-left: linear-gradient(to left, #ff412d, #610000) 2 !important;
    --bg-signIn-border: linear-gradient(90deg, rgba(73, 0, 0, 1) 0%, rgba(198, 0, 0, 1) 50%, rgba(73, 0, 0, 1) 100%) !important;
    --text-color-input-group: rgba(224, 197, 80, 1);
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 64px !important;
    --card-margin-top: 27vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(224, 197, 80, 1) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v114] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #355076, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(138deg, #202023, #202023);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --bg-app-desktop: linear-gradient(to bottom, #0b5683, #09245f) !important;
    --background-body: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-image: linear-gradient(to bottom, #022651, #063e6a) !important;
    --text-color: white --border-solid-menu: 1px solid #ffc10761 !important;
    --border-solid-menu-active: 1px solid #0e9fd3 !important;
    --background-image-top: linear-gradient(to bottom, #0b5683, #09245f) !important;
    --background-image-button: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-image-top-header: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-banner-top: linear-gradient(180deg, #161f2c, #0d131c);
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #105982, #0e5c84) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: "";
    --v-login: linear-gradient(180deg, #216996 0%, #448fbe 9.38%, #0b5683 27.08%, #09245f 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #3d3d3d61;
    --bg-profile: linear-gradient(180deg, #0a3d71, #0f151fed) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #d4af37;
    --menu_icon: #fff;
    --text-theme-menu: #d4af37;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #d4af37;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/5caf0d8f-1816-405f-99c1-d707e9357100/public);
    --bs-btn-hover-border-color-refer: #0e9fd3 !important;
    --text-theme-footer: #d4af37;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0a2763, #185b8b) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #e3d083;
    --box-sha-box: inset 0 0 48px 6px rgb(172 134 44);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(183 144 54);
    --background-border-box: #ba9338;
    --background-menu-marquee: #084672;
    --text-menu-bottom: #d4af37;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --top-logo: 62px !important;
    --bg-signIn-border: linear-gradient(180deg, #01224f, #035079) !important;
    --text-color-input-group: #d4af37;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #d4af37 !important;
    --card-margin-top: 32vw !important;
    --card-margin-top-signup: -3vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0b5683, #09245f) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: linear-gradient(to bottom, #0b5683, #09245f) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #02244b;
    --text-color-input-group-signin: #ffff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5a071, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #0846721f, #084672);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e7bd5f 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #c9137487, 0 0 45px #c9137487, 0 0 55px #c9137487, 0 0 65px #c9137487, 0 0 75px #c9137487, 0 0 85px #c9137487;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important
}

[data-theme=v115] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #2cffff, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(180deg, rgba(44, 255, 255, 1) 0%, rgba(15, 221, 214, 1) 24%, rgba(2, 206, 195, 1) 50%, rgba(0, 154, 146, 1) 100%) !important;
    --border-solid-menu: 1.9px solid #fff !important;
    --border-solid-menu-active: 1.9px solid #fff !important;
    --background-body: linear-gradient(180deg, rgba(44, 255, 255, 1) 0%, rgba(15, 221, 214, 1) 24%, rgba(2, 206, 195, 1) 50%, rgba(0, 154, 146, 1) 100%);
    --background-image: #ced4da00;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(44, 255, 255, 1) 0%, rgba(15, 221, 214, 1) 24%, rgba(2, 206, 195, 1) 50%, rgba(0, 154, 146, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .62861) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .62861) 100%) !important;
    --background-banner-top: linear-gradient(0deg, #ffb118, #a12e00) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(0, 0, 0, .861) 0%, rgba(0, 0, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(148deg, rgba(44, 255, 255, 1) 0%, rgba(15, 221, 214, 1) 35%, rgba(2, 206, 195, 1) 81%, rgba(0, 154, 146, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .861) 0%, rgba(0, 0, 0, .861) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/de5abe0b-ffd4-4ca4-ae78-3fbe4444ce00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a2e021f5-7c07-4757-1514-fd7ab6432e00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #37d5d6, #007972) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(270deg, rgba(15, 221, 214, 1) 24%, rgba(2, 206, 195, 1) 50%, rgba(0, 154, 146, 1) 100%);
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #37d5d6bf, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #37d5d6bf) 2 !important;
    --bg-signIn-border: linear-gradient(270deg, rgba(86, 3, 11, .99) 0%, rgba(224, 20, 51, .96) 47%, rgba(227, 20, 52, .96) 53%, rgba(86, 3, 11, .99) 100%) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 53px !important;
    --card-margin-top: 20vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #37d5d6bf !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(44, 255, 255, 1) 0%, rgba(15, 221, 214, 1) 24%, rgba(2, 206, 195, 1) 50%, rgba(0, 154, 146, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #2cffff;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v116] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #fff, rgba(0, 0, 0, 0));
    --background-login-gradient: #f221bd;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%) !important;
    --border-solid-menu: 1.8px solid #fff !important;
    --border-solid-menu-active: 1.8px solid #ffcdf6 !important;
    --background-body: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%) !important;
    --background-image: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(255, 0, 216, 1) 0%, rgba(255, 150, 239, 1) 50%, rgba(255, 150, 239, 1) 53%, rgba(255, 0, 216, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(255, 0, 216, 1) 0%, rgba(255, 150, 239, 1) 50%, rgba(255, 150, 239, 1) 53%, rgba(255, 0, 216, 1) 100%) !important;
    --background-banner-top: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%) !important;
    --background-image-bg-viewgames: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%);
    --background-image-popup-profiles-menu: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%);
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%);
    --background-menu-active: linear-gradient(180deg, rgba(255, 0, 216, 1) 0%, rgba(255, 150, 239, 1) 50%, rgba(255, 150, 239, 1) 53%, rgba(255, 0, 216, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(170deg, #9b0063 0%, #c3007c 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3 !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/09d4057e-f199-489f-1243-05917b342f00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/84d969ed-2954-431d-1b91-154aa3bacd00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(170deg, #9b0063 0%, #c3007c 100%);
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(255, 140, 230, .981) 0%, rgba(255, 0, 216, .991) 100%) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --top-logo: 52px !important;
    --card-margin-top: 27vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 255 255 / 80%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(255, 140, 230, 1) 0%, rgba(255, 0, 216, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #f221bd;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v117] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: radial-gradient(100% 100% at 50% 0, #de1910 0, #6e0e0f 44%, #0c0000 100%) !important;
    --border-solid-menu: 0px solid #e5bf5c !important;
    --border-solid-menu-active: 0px solid #e5bf5c !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #de1910 0, #6e0e0f 44%, #be1510 100%) !important;
    --background-image-button: radial-gradient(100% 100% at 50% 0, #de1910 0, #6e0e0f 44%, #0c0000 100%) !important;
    --background-image-top-header: radial-gradient(100% 100% at 50% 0, #de1910 0, #6e0e0f 44%, #0c0000 100%) !important;
    --background-banner-top: radial-gradient(100% 100% at 50% 0, #de1910 0, #6e0e0f 44%, #0c0000 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #480809 0, #290405 44%, #be1510 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #de1910 0, #6e0e0f 44%, #be1510 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #3a0001d6, #322e2ebd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d1747b45-db8f-48ed-1164-b9dc2830f900/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/OxMo058wRPZzbWHctmHqkA/23306b51-c129-4d29-73d4-df87dfb62500/public) !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #c92806, #cc2603) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9700003d;
    --background-border-bottom: #6e0e0f;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #890205ba, #310102d4) !important;
    --text-color-input-group: #6e0e0f;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -11px !important;
    --card-margin-top: 19vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(229 191 92 / 34%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #de1910 0, #6e0e0f 44%, #be1510 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #1c0203;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d4170f, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #1c0203, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #d71810 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #c0160f, 0 0 45px #ad140f, 0 0 55px #8e1110, 0 0 65px #7b1010, 0 0 75px #620c0d, 0 0 85px #6c1202;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #d5180f 0, #831010 44%, #be1510 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v118] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ff00c6, rgba(0, 0, 0, 0));
    --background-login-gradient: #ff00c6;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #be05e6 !important;
    --border-solid-menu-active: 0px solid #f221bd !important;
    --background-body: linear-gradient(0deg, rgba(73, 0, 140, 1) 0%, rgba(195, 0, 228, 1) 100%) !important;
    --background-image: linear-gradient(0deg, rgba(73, 0, 140, 1) 0%, rgba(195, 0, 228, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(73, 0, 140, 1) 0%, rgba(195, 0, 228, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgba(74, 0, 137, 1) 8%, rgba(223, 0, 249, 1) 100%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(74, 0, 137, 1) 8%, rgba(223, 0, 249, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: rgba(195, 0, 228, 1) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(255, 165, 164, 1) 0%, rgba(255, 85, 78, 1) 13%, rgba(254, 118, 66, 1) 55%, rgba(252, 168, 70, 1) 82%, rgba(253, 206, 128, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(11, 1, 53, .7) 0%, rgba(160, 4, 201, .7) 45%, rgba(190, 5, 230, .7) 69%, rgba(242, 33, 189, .7) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .7344187675070029) 0%, rgba(0, 0, 0, .8940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b59c20ba-2d2f-4283-f05a-8d6caa5bf500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ba3e3891-f4a7-4a49-60a3-337684efee00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(74, 0, 137, 1) 8%, rgba(223, 0, 249, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #200240;
    --background-border-bottom: #e3e3e3;
    --background-border-header: #ff00c6;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(135deg, rgba(152, 60, 232, .921) 0%, rgba(104, 16, 180, .921) 13%, rgba(106, 17, 181, .921) 53%, rgba(215, 39, 244, .921) 100%) !important;
    --text-color-input-group: #ff00c6;
    --text-title-popular: #fff;
    --input-group-bg: #200240 !important;
    --input-group-border: #200240 !important;
    --input-group-color: #fff !important;
    --top-logo: 58px !important;
    --card-margin-top: 40vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(242 33 189 / 85%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v119] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ced1dd, rgba(0, 0, 0, 0));
    --background-login-gradient: #ced1dd;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(180deg, #f7f8fb 50%, #ced1dd 100%) !important;
    --website--theme--nav--with--modal--color--light: #f7f8fb !important;
    --website--theme--nav--with--modal--color--dark: #000000 !important;
    --background-image-button-hh: linear-gradient(to bottom, #f7f8fb, #ced1dd) !important;
    --border-solid-menu: 0px solid #fff !important;
    --border-solid-menu-active: 0px solid #fff !important;
    --background-body: linear-gradient(0deg, #ced1dd 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --text-color: #000000;
    --background-image-top: linear-gradient(180deg, #f7f8fb 50%, #ced1dd 100%) !important;
    --background-image-button: linear-gradient(0deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --background-image-top-header: linear-gradient(180deg, #f7f8fb 50%, #ced1dd 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #ced1dd, #f7f8fb) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #f7f8fb, #ced1dd);
    --background-bg-footer: #000;
    --background-image-popup: rgb(38 24 91 / 64%);
    --background-image-popup-profiles: linear-gradient(180deg, #f7f8fb, #ced1dd);
    --background-image-popup-profiles-menu: #ced1dd;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #ced1dd, #ced1dd);
    --background-menu-active: linear-gradient(0deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #ced1dd;
    --background-menu-article-boder: 2px solid #ced1dd;
    --background-menu-login: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: #ff2c55 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(247, 248, 251, .9164915966386554) 0%, rgba(206, 209, 221, .9024859943977591) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #000000;
    --menu_icon: #000;
    --text-theme-menu: #000000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #000000 !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/601244b5-a55e-40cc-fee2-a580b5b46700/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/383c4a25-dcdf-46e6-4dba-1dc567187200/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000000;
    --active-color-menu: #000;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #f7f8fb, #ced1dd) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #000;
    --bg-active-refer: #000000;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #000;
    --v-resgister-button-text-color: #000000;
    --border-color-input-group-signin: 0px;
    --background-menu-marquee: #ced1dd !important;
    --background-border-bottom: #fff;
    --text-menu-bottom: #000000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ced1dd, #f7f8fb) 2 !important;
    --h-left: linear-gradient(to left, #f7f8fb, #ced1dd) 2 !important;
    --bg-signIn-border: linear-gradient(170deg, #f7f8fb 0%, #ced1dd 100%) !important;
    --text-color-input-group: #000;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000000 !important;
    --top-logo: -22px !important;
    --card-margin-top: 25vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(206 209 221 / 100%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #f7f8fb, #ced1dd) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --text-color-text-web: #000;
    --pagination-button--active: #b5b5b5 !important;
    --pagination-button: #a9a9a97b;
    --v-signin-button: #ff2c55 !important;
    --v-resgister-button: #ff2c55 !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --right-radius: 25px;
    --left-radius: 25px;
    --x-header-bottom: 2px;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #f7f8fb 50%, #ced1dd 100%), linear-gradient(180deg, #b8abac, #ced1dd);
    --btn-primary-nav: linear-gradient(180deg, #540c0b, #33080a), linear-gradient(125deg, #ebb100, #6c451e 31.53%, #ebb100 64.87%, #907505);
    --MenuLeft-af: linear-gradient(93deg, #4c238300, #d4d7e100);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ced1dd 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #d4d7e100, 0 0 45px #d4d7e100, 0 0 55px #d4d7e100, 0 0 65px #d4d7e100, 0 0 75px #d4d7e100, 0 0 85px #d4d7e100;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ebb10000 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ebb10000 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #540c0b, #33080a), linear-gradient(125deg, #ebb100, #6c451e 31.53%, #ebb100 64.87%, #907505);
    --background-bg-text-highlight: #ff2c55
}

[data-theme=v120] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000000, rgba(0, 0, 0, 0));
    --background-login-gradient: #010000;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #fdcb0a !important;
    --border-solid-menu-active: 0px solid #fdcb0a !important;
    --background-body: linear-gradient(180deg, #fdcb0a 40%, #000000 100%) !important;
    --background-image: linear-gradient(0deg, #fff0 40%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #fca001 0%, #dae403 100%) !important;
    --background-image-button: linear-gradient(0deg, #fca001 0%, #dae403 100%) !important;
    --background-image-top-header: linear-gradient(0deg, #fca001 0%, #dae403 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, #fca001 0%, #dae403 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #ffde07, #ffde07) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #1d1d1b 0%, #000000 43%, #000000 51%, #1d1d1b 100%) !important;
    --v-login-color: #feef08;
    --v-login-radius: 30px;
    --background-box-content: #51515138 !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .9344187675070029) 0%, rgba(0, 0, 0, .940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #feef08;
    --menu_icon: #fff;
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #000 !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e0865b2-f8d2-47fd-4090-ac00b5f87f00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/cce36a5c-8651-45b5-d4b0-b24687670800/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #feef08;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #fca001 0%, #dae403 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #363636;
    --text-menu-bottom: #000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #fdcb0a) 2 !important;
    --h-left: linear-gradient(to left, #fdcb0a, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(176deg, rgba(255, 242, 28, .451) 30%, rgba(255, 255, 150, .451) 100%) !important;
    --text-color-input-group: #fdcb0a;
    --text-title-popular: #fff;
    --input-group-bg: #000000 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #feef08 !important;
    --top-logo: 54px !important;
    --card-margin-top: 28vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #fdcb0a !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #1d1d1b 0%, #000000 43%, #000000 51%, #1d1d1b 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #fdcb0a;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #feef08;
    --pagination-button--active: #feef08 !important;
    --pagination-button: rgba(255, 242, 28, .451);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v121] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #fb0000, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 2px solid #fb0000 !important;
    --border-solid-menu-active: 2px solid #fcf895 !important;
    --background-body: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000 51%, #000000 100%) !important;
    --background-image: linear-gradient(180deg, #000000bf 0%, #000000bf 43%, #000000 51%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #870000 0%, #fb0000 52%, #870000 100%) !important;
    --background-image-button: linear-gradient(to bottom, #000000c7, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000 0%, #000000 43%, #000000 51%, #000000 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #8b6200, #8b6200) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #870000 0%, #fb0000 52%, #870000 100%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(260deg, rgba(135, 0, 0, .81925) 0%, rgba(251, 0, 0, .8192) 52%, rgba(135, 0, 0, .81925) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .96344187675070029) 0%, rgba(0, 0, 0, .9740826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/93609f60-8ebe-4615-5904-a0b32305a900/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/efe292bd-4c42-4ded-1916-d863bc8f7c00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #000000 0%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #fb0000;
    --text-menu-bottom: #fb0000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(260deg, rgba(135, 0, 0, .81925) 0%, rgba(251, 0, 0, .8192) 52%, rgba(135, 0, 0, .81925) 100%) !important;
    --text-color-input-group: #fb0000;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 54px !important;
    --card-margin-top: 20vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(224 197 81 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, #870000 0%, #fb0000 52%, #870000 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #8b6200;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v122] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000000, rgba(0, 0, 0, 0));
    --background-login-gradient: #010000;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #fdcb0a !important;
    --border-solid-menu-active: 0px solid #fdcb0a !important;
    --background-body: linear-gradient(180deg, #fdcb0a 40%, #000000 100%) !important;
    --background-image: linear-gradient(0deg, #fff0 40%, #000000 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #f9ff4b 0%, #f7e300 43%, #f7e300 51%, #f9ff4b 100%) !important;
    --background-image-button: linear-gradient(0deg, #000000 70%, #1d1d1b 100%) !important;
    --background-image-top-header: linear-gradient(0deg, #000000 70%, #1d1d1b 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: #ffde07 !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #ffde07, #ffde07) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #f9ff4b 0%, #f7e300 43%, #f7e300 51%, #f9ff4b 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #51515138 !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .9344187675070029) 0%, rgba(0, 0, 0, .940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: #f7e300;
    --text-theme-menu: #f7e300;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #000 !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ee7ba23d-26e2-44ec-55c8-f769946ce000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ee7ba23d-26e2-44ec-55c8-f769946ce000/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #f7e300;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #050505 70%, #121212 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #feef08;
    --text-menu-bottom: #feef08;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #fdcb0a) 2 !important;
    --h-left: linear-gradient(to left, #fdcb0a, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(176deg, rgba(247, 227, 0, .451) 30%, rgba(249, 255, 75, .451) 100%) !important;
    --text-color-input-group: #fdcb0a;
    --text-title-popular: #fff;
    --input-group-bg: #000000 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #feef08 !important;
    --top-logo: 54px !important;
    --card-margin-top: 22vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(247 227 0 / 81%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #1d1d1b 0%, #000000 43%, #000000 51%, #1d1d1b 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #fdcb0a;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #feef08;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v123] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(224, 197, 80, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: 0px solid rgba(224, 197, 80, 1) !important;
    --border-solid-menu-active: 0px solid rgba(222, 194, 78, 1) !important;
    --background-body: linear-gradient(0deg, #032b1b 50%, #006d4c 100%) !important;
    --background-image: linear-gradient(0deg, #032b1b 50%, #006d4c 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #032b1b 0%, #032b1b 6%, #006d4c 41%, #006d4c 59%, #032b1b 96%, #032b1b 100%) !important;
    --background-image-button: linear-gradient(0deg, #032b1b 0%, #006d4c 100%) !important;
    --background-image-top-header: linear-gradient(0deg, #032b1b 0%, #006d4c 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #032b1b, #032b1b);
    --background-image-popup-profiles-menu: #032b1b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #032b1b;
    --background-menu-article-boder: 2px solid #032b1b;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(194, 163, 52, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --v-login-color: #ffffff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(90deg, rgba(3, 43, 27, .961) 0%, rgba(0, 109, 76, .961) 50%, rgba(3, 43, 27, .961) 100%) !important;
    --bg-profile: linear-gradient(90deg, rgba(3, 43, 27, .961) 0%, rgba(0, 109, 76, .961) 50%, rgba(3, 43, 27, .961) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/817aae42-92b5-4e97-844f-a4b8dd8fb100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/211652e8-19b4-4b8c-faa9-66ceb541bb00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #032b1b 0%, #006d4c 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(0deg, rgba(3, 43, 27, 1) 0%, rgba(0, 109, 76, 1) 100%);
    --background-border-bottom: #ea7e25;
    --text-menu-bottom: #ea7e25;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #032b1b, #006d4c) 2 !important;
    --h-left: linear-gradient(to left, #006d4c, #032b1b) 2 !important;
    --bg-signIn-border: linear-gradient(60deg, rgba(3, 43, 27, .8961) 0%, rgba(0, 109, 76, .8961) 100%) !important;
    --text-color-input-group: #ea7e25;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 60px !important;
    --card-margin-top: 27vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(199, 156, 43, .751) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(199, 156, 43, 1) 0%, rgba(224, 197, 80, 1) 24%, rgba(222, 194, 78, 1) 37%, rgba(139, 98, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v124] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ea7e25, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: .5px solid #ea7e25 !important;
    --border-solid-menu-active: .5px solid #ea7e25 !important;
    --background-body: linear-gradient(180deg, #000000, #000000) !important;
    --background-image: linear-gradient(180deg, #000000, #000000) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #000000, #000000) !important;
    --background-image-button: linear-gradient(180deg, #000000, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #032b1b, #032b1b);
    --background-image-popup-profiles-menu: #032b1b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(234, 126, 37, 1) 0%, rgba(234, 126, 37, 1) 45%, rgba(234, 126, 37, 1) 54%, rgba(249, 174, 26, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #032b1b;
    --background-menu-article-boder: 2px solid #032b1b;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(234, 126, 37, 1) 0%, rgba(234, 126, 37, 1) 45%, rgba(234, 126, 37, 1) 54%, rgba(249, 174, 26, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-profile: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #ea7e25;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3bbe2322-2864-4cce-d2a7-f590d6eea800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad14e434-d81a-4a17-866f-26569c38d100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #000000 0%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000000;
    --background-border-bottom: #ea7e25;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #000000, #000000) 2 !important;
    --h-left: linear-gradient(to left, #000000, #000000) 2 !important;
    --bg-signIn-border: linear-gradient(60deg, rgba(0, 0, 0, .91) 0%, rgba(0, 0, 0, .91) 100%) !important;
    --bg-signIn-border-solid: 1.5px solid #ea7e25 !important;
    --text-color-input-group: #ea7e25;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 60px !important;
    --card-margin-top: 32vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(234, 126, 35, .751) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(238, 86, 36, 1) 0%, rgba(238, 86, 36, 1) 15%, rgba(234, 126, 37, 1) 54%, rgba(249, 174, 26, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ea7e25;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v125] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ea7e25, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: .5px solid #70e000 !important;
    --border-solid-menu-active: .5px solid #70e000 !important;
    --background-body: linear-gradient(180deg, #000000, #000000) !important;
    --background-image: linear-gradient(180deg, #000000, #000000) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #000000, #000000) !important;
    --background-image-button: linear-gradient(180deg, #000000, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #032b1b, #032b1b);
    --background-image-popup-profiles-menu: #032b1b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(112, 224, 0, 1) 0%, rgba(112, 225, 0, 1) 41%, rgba(128, 255, 0, 1) 83%, rgba(157, 252, 61, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #032b1b;
    --background-menu-article-boder: 2px solid #032b1b;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(112, 224, 0, 1) 0%, rgba(112, 225, 0, 1) 69%, rgba(113, 227, 0, 1) 80%, rgba(128, 255, 0, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-profile: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #70e000;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b01ad339-fb71-4427-7a65-5f0dc1808900/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1eee3417-5a09-4fb0-762a-f486dc516600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #000000 0%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000000;
    --background-border-bottom: #70e000;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #000000, #000000) 2 !important;
    --h-left: linear-gradient(to left, #000000, #000000) 2 !important;
    --bg-signIn-border: linear-gradient(60deg, rgba(0, 0, 0, .91) 0%, rgba(0, 0, 0, .91) 100%) !important;
    --bg-signIn-border-solid: 1.5px solid #70e000 !important;
    --text-color-input-group: #70e000;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 62px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(112, 224, 0, .751) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(112, 224, 0, 1) 0%, rgba(112, 225, 0, 1) 41%, rgba(128, 255, 0, 1) 83%, rgba(157, 252, 61, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #70e000;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v126] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #5bd90e, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: 0px solid #5bd90e !important;
    --border-solid-menu-active: 0px solid #5bd90e !important;
    --background-body: linear-gradient(180deg, #000000, #000000) !important;
    --background-image: linear-gradient(180deg, #000000, #000000) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 192, 25, 1) 0%, rgba(80, 195, 3, 1) 41%, rgba(125, 203, 0, 1) 83%, rgba(182, 242, 4, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, #000000, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #032b1b, #032b1b);
    --background-image-popup-profiles-menu: #032b1b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(0, 192, 25, 1) 0%, rgba(80, 195, 3, 1) 41%, rgba(125, 203, 0, 1) 83%, rgba(182, 242, 4, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #032b1b;
    --background-menu-article-boder: 2px solid #032b1b;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(0, 192, 25, 1) 0%, rgba(175, 240, 5, 1) 46%, rgba(182, 242, 4, 1) 50%, rgba(178, 241, 4, 1) 54%, rgba(0, 192, 25, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-profile: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #5bd90e;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/29e77748-bffb-4771-2dd7-6cc565241500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/212b6353-e02f-454e-1197-14f60029bc00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #000000 0%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000000;
    --background-border-bottom: #5bd90e;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #000000, #000000) 2 !important;
    --h-left: linear-gradient(to left, #000000, #000000) 2 !important;
    --bg-signIn-border: linear-gradient(60deg, rgba(0, 0, 0, .91) 0%, rgba(0, 0, 0, .91) 100%) !important;
    --bg-signIn-border-solid: 1.5px solid #5bd90e !important;
    --text-color-input-group: #5bd90e;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 62px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(80, 195, 3, .751) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(0, 192, 25, 1) 0%, rgba(80, 195, 3, 1) 41%, rgba(125, 203, 0, 1) 83%, rgba(182, 242, 4, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #5bd90e;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff
}

[data-theme=v127] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #fff, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: 0px solid #ea7e25 !important;
    --border-solid-menu-active: 0px solid #ea7e25 !important;
    --background-body: linear-gradient(0deg, #1f1e21 0%, #0d0d0e 54%, #38363b 100%) !important;
    --background-image: linear-gradient(0deg, #1f1e21 0%, #0d0d0e 54%, #38363b 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(254, 118, 11, 1) 0%, rgba(254, 118, 11, 1) 5%, rgba(252, 166, 0, 1) 64%, rgba(254, 118, 11, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgba(242, 69, 35, 1) 0%, rgba(255, 116, 12, 1) 10%, rgba(255, 116, 12, 1) 42%, rgba(252, 166, 0, 1) 81%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(242, 69, 35, 1) 0%, rgba(255, 116, 12, 1) 10%, rgba(255, 116, 12, 1) 42%, rgba(252, 166, 0, 1) 81%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #032b1b, #032b1b);
    --background-image-popup-profiles-menu: #032b1b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(254, 118, 11, 1) 0%, rgba(254, 118, 11, 1) 5%, rgba(252, 166, 0, 1) 64%, rgba(254, 118, 11, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #032b1b;
    --background-menu-article-boder: 2px solid #032b1b;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #1f1e21 10%, #0d0d0e 54%, #38363b 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-profile: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-view: linear-gradient(182deg, #0000005c, #111111a3) !important;
    --bg-view-mobile: linear-gradient(182deg, #0000005c, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9415e345-1563-4ae6-6550-16de7124dd00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/438cbbfb-60ec-4dbd-65ff-49e91ee4cb00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #0d0d0e 4%, #38363b 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(0deg, #1f1e21 0%, #0d0d0e 54%, #38363b 100%);
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #000000, #000000) 2 !important;
    --h-left: linear-gradient(to left, #000000, #000000) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgba(242, 69, 35, .821) 0%, rgba(255, 116, 12, .821) 10%, rgba(255, 116, 12, .821) 42%, rgba(252, 166, 0, .821) 81%, rgba(252, 220, 0, .821) 100%) !important;
    --bg-signIn-border-solid: 2.8px solid #fff !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -12px !important;
    --card-margin-top: 20vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(254, 118, 11, .751) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(254, 118, 11, 1) 0%, rgba(254, 118, 11, 1) 5%, rgba(250, 124, 25, 1) 48%, rgba(252, 230, 0, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #fe740b;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #000;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(343deg, #580002, #c11010) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsl(0deg 100% 52% / 60%);
    --nav-link-menu: linear-gradient(180deg, #535353, #000000), linear-gradient(180deg, #ba1a1b, #2f0707);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000);
    --MenuLeft-af: linear-gradient(93deg, #17171e, #000000a6);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ff0004 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #3d0507, 0 0 45px #3d0507, 0 0 55px #3d0507, 0 0 65px #3d0507, 0 0 75px #3d0507, 0 0 85px #3d0507;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #7c0c0c 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #7c0c0c 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000)
}

[data-theme=v128] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffffff, rgba(0, 0, 0, 0));
    --background-login-gradient: #ffffff;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #be05e6 !important;
    --border-solid-menu-active: 0px solid #f221bd !important;
    --background-body: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --background-image: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #000000, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --x-header-bottom: 2px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #d5ad50, #030303) !important;
    --bg-profile: linear-gradient(180deg, rgba(20, 20, 20, .89) 0%, rgba(20, 20, 20, .89) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b9534056-684d-4ab2-ed9c-fb905b098b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c7c42adb-0441-4660-7162-12b831570c00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000 !important;
    --background-border-bottom: #d5ad50;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --bg-signIn-border-solid: 2px solid #d5ad50 !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 75px !important;
    --card-margin-top: 35vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(253 51 133 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 94, 76, 1) 3%, rgba(255, 26, 0, 1) 15%, rgba(205, 0, 0, 1) 49%, rgba(205, 0, 0, 1) 52%, rgba(255, 26, 0, 1) 78%, rgba(255, 94, 76, 1) 97%, rgba(255, 26, 0, 1) 100%) !important;
    --v-resgister-button-border: 1px solid rgba(255, 26, 0, 1) !important;
    --v-resgister-button-text-color: #ffffff;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #000;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%);
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #e4bc63, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(45deg, transparent 0%, #8361078a 50%, transparent 100%);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f6cc6d 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --v-login-border: 0px solid #fe3385 !important
}

[data-theme=v129] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffffff, rgba(0, 0, 0, 0));
    --background-login-gradient: #ffffff;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #be05e6 !important;
    --border-solid-menu-active: 0px solid #f221bd !important;
    --background-body: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --background-image: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #59069e, #e001fc) !important;
    --background-image-button: linear-gradient(180deg, rgba(11, 1, 53, 1) 0%, rgba(50, 19, 112, 1) 45%, rgba(109, 21, 157, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(11, 1, 53, 1) 0%, rgba(50, 19, 112, 1) 45%, rgba(109, 21, 157, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: #6a159b !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: #fd3385 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(11, 1, 53, .87) 0%, rgba(160, 4, 201, .87) 45%, rgba(190, 5, 230, .87) 69%, rgba(242, 33, 189, .87) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgb(79 2 121) 0%, rgb(40 18 46 / 79%) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f4d87a03-2cd5-4565-b9ba-625a18f04300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9b927077-0ad1-4fe1-03b4-5e681e7ebc00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #59069e, #2a242a) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #fd3385 !important;
    --background-border-bottom: #fe3385;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --bg-signIn-border-solid: 2px solid #fe3385 !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 25px !important;
    --card-margin-top: 30vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(253 51 133 / 95%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --v-login-border: 2px solid #fe3385 !important;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v130] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffe970, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --background-image: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --background-image-button: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(232, 205, 149, 1) 40%, rgba(159, 132, 85, 1) 90%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(60, 60, 60, 1) 0%, rgba(0, 0, 0, 1) 70%) !important;
    --v-login-border: 2px solid #f5bd43 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .97344187675070029) 0%, rgba(0, 0, 0, .98940826330532213) 100%) !important;
    --bg-view: #03022f !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff0d0;
    --text-theme-menu: #fff0d0;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #e3cd94 !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d08e242f-9c48-4d9b-a1d2-5d99c75c9600/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3766e08f-80c0-48a9-9d58-6d0b2a3dd600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #e3cd94;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: #000 !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(254 239 207);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 240 208);
    --background-border-box: #fff0d0;
    --background-menu-marquee: #000;
    --background-border-bottom: #fff0d0;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(204, 168, 105, 1) 0%, rgba(206, 157, 86, 1) 78%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #e3cd94;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -1px !important;
    --card-margin-top: 25vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 91%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #e8cd95;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #fff0d0, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #e8cd9500, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fff0d0 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382)
}

[data-theme=v131] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #390000, rgba(0, 0, 0, 0));
    --background-login-gradient: #390000;
    --color-login-gradient: #390000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-image: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(238 224 146) 0%, rgb(98 0 2) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(179, 137, 63, 1) 0%, rgba(130, 80, 7, 1) 10%, rgba(249, 240, 161, 1) 57%, rgba(249, 240, 161, 1) 66%, rgba(146, 94, 11, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(171, 0, 5, .921) 0%, rgba(106, 0, 3, .921) 50%, rgba(51, 0, 2, .921) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(171, 0, 5, .921) 0%, rgba(106, 0, 3, .921) 50%, rgba(51, 0, 2, .921) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f1bac925-16df-473b-47be-fa7cf95a1400/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3766e08f-80c0-48a9-9d58-6d0b2a3dd600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: rgba(151, 0, 0, .51) !important;
    --background-border-bottom: #ceb25e;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(328deg, rgba(255, 244, 220, 1) 0%, rgba(166, 142, 95, 1) 0%, rgba(100, 66, 2, 1) 11%, rgba(201, 140, 22, 1) 70%, rgba(105, 72, 9, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #ceb25e;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -5px !important;
    --card-margin-top: 19vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 91%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(180deg, rgb(238 224 146) 0%, rgb(98 0 2) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(255, 156, 145, 1) 0%, rgba(255, 38, 13, 1) 36%, rgba(255, 26, 0, 1) 44%, rgba(255, 26, 0, 1) 90%, rgba(255, 26, 0, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(179, 137, 63, 1) 0%, rgba(130, 80, 7, 1) 10%, rgba(249, 240, 161, 1) 57%, rgba(249, 240, 161, 1) 66%, rgba(146, 94, 11, 1) 100%) !important;
    --v-resgister-button-border: 1.2px solid #e8da12 !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #390000 !important;
    --text-color-input-group-signin: #ceb25e;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgb(238 224 146) 0%, rgb(98 0 2) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #ceb25e, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #67000270, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ceb25e 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #ceb25e, 0 0 45px #ceb25e, 0 0 55px #ceb25e, 0 0 65px #ceb25e, 0 0 75px #ceb25e, 0 0 85px #ceb25e;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v132] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000000, rgba(0, 0, 0, 0));
    --background-login-gradient: #000000;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --background-image: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --background-image-button: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, .851) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, .851) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(140, 140, 140, 1) 46%, rgba(71, 71, 71, 1) 90%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 30%, rgba(205, 205, 205, 1) 84%, rgba(225, 225, 225, 1) 100%) !important;
    --v-login-border: 0px solid #f5bd43 !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --bg-profile: linear-gradient(0deg, rgba(0, 0, 0, .96) 0%, rgba(60, 60, 60, .96) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #ffffff;
    --text-theme-menu: #ffffff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/12cd2346-e458-42ea-2912-68ea302fa300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/86aa2bb4-0aa6-4698-aa14-07f29d400f00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #ffffff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(0, 0, 0, 1) 47%, rgba(20, 20, 20, 1) 90%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 30%, rgba(205, 205, 205, 1) 84%, rgba(225, 225, 225, 1) 100%);
    --background-border-bottom: #ffffff;
    --text-menu-bottom: #ffffff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(150deg, rgba(16, 16, 16, 1) 0%, rgba(175, 175, 175, 1) 30%, rgba(51, 51, 51, 1) 77%, rgba(15, 15, 15, 1) 89%, rgba(0, 0, 0, 1) 100%) !important;
    --bg-signIn-border-solid: 2.8px solid #fefefe !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 56px !important;
    --card-margin-top: 38vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v133] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #e0c550, rgba(0, 0, 0, 0));
    --background-login-gradient: #e0c550;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #7d08a9b5 !important;
    --background-image-button-hh: linear-gradient(to bottom, #7d08a9b5, #300d46) !important;
    --border-solid-menu: 0px solid #d29b40 !important;
    --border-solid-menu-active: 0px solid #fbc501 !important;
    --background-body: linear-gradient(0deg, rgba(33, 0, 71, 1) 17%, rgba(109, 9, 161, 1) 84%);
    --background-image: linear-gradient(0deg, rgba(33, 0, 71, 1) 17%, rgba(109, 9, 161, 1) 84%);
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(200, 155, 52, 1) 0%, rgba(162, 97, 5, 1) 6%, rgba(200, 155, 52, 1) 40%, rgba(255, 239, 122, 1) 83%, rgba(255, 255, 175, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(33, 0, 71, 1) 17%, rgba(109, 9, 161, 1) 84%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(33, 0, 71, 1) 17%, rgba(109, 9, 161, 1) 84%) !important;
    --background-banner-top: linear-gradient(to bottom, #7d08a9b5, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(200, 155, 52, 1) 0%, rgba(162, 97, 5, 1) 6%, rgba(200, 155, 52, 1) 40%, rgba(255, 239, 122, 1) 83%, rgba(255, 255, 175, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(162, 97, 5, 1) 0%, rgba(255, 239, 122, 1) 59%, rgba(255, 239, 122, 1) 64%, rgba(177, 121, 24, 1) 100%) !important;
    --v-login-color: #4a0089;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(84, 5, 127, .8884803921568627) 62%, rgba(47, 0, 73, .9304971988795518) 100%);
    --bg-profile: linear-gradient(180deg, rgba(33, 0, 71, .961) 17%, rgba(109, 9, 161, .961) 84%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #f4de6c;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #2f0049 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/bec013ca-d06e-4036-4bf4-7c1da1645100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9524d821-9332-443c-bbd4-3c855aba4300/public) !important;
    --bs-btn-hover-border-color-refer: linear-gradient(180deg, rgba(84, 5, 127, .8884803921568627) 62%, rgba(47, 0, 73, .9304971988795518) 100%) !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(141, 0, 214, 1) 2%, rgba(57, 0, 106, 1) 80%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #410363;
    --background-border-bottom: #f4de6c;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffd337, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffd337) 2 !important;
    --bg-signIn-border: radial-gradient(circle, rgba(177, 136, 24, 1) 51%, rgba(252, 222, 118, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffd337 !important;
    --text-color-input-group: #ffeb7a;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 82px !important;
    --card-margin-top: 46vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 104, 226, 0) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(33, 0, 71, 1) 17%, rgba(109, 9, 161, 1) 84%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #b600e4 !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(0deg, rgba(49, 0, 74, 1) 7%, rgba(109, 2, 184, 1) 43%, rgba(165, 82, 204, 1) 84%) !important;
    --v-signin-button-border: .1px solid rgba(49, 0, 74, 1) !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(0deg, rgba(49, 0, 74, 1) 7%, rgba(109, 2, 184, 1) 43%, rgba(165, 82, 204, 1) 84%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --text-color-input-group-signin: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #410363;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v134] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #fff59e, rgba(0, 0, 0, 0));
    --background-login-gradient: #390000;
    --color-login-gradient: #390000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(0deg, rgba(154, 1, 1, 1) 0%, rgba(95, 0, 0, 1) 5%, rgba(65, 0, 0, 1) 35%, rgba(122, 0, 0, 1) 87%, rgba(147, 0, 0, 1) 99%) !important;
    --background-image: linear-gradient(0deg, rgba(154, 1, 1, 1) 0%, rgba(95, 0, 0, 1) 5%, rgba(65, 0, 0, 1) 35%, rgba(122, 0, 0, 1) 87%, rgba(147, 0, 0, 1) 99%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgba(154, 1, 1, 1) 0%, rgba(95, 0, 0, 1) 5%, rgba(65, 0, 0, 1) 35%, rgba(122, 0, 0, 1) 87%, rgba(147, 0, 0, 1) 99%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(154, 1, 1, 1) 0%, rgba(95, 0, 0, 1) 5%, rgba(65, 0, 0, 1) 35%, rgba(122, 0, 0, 1) 87%, rgba(147, 0, 0, 1) 99%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(154, 1, 1, .951) 0%, rgba(95, 0, 0, .951) 5%, rgba(65, 0, 0, .951) 35%, rgba(122, 0, 0, .951) 87%, rgba(147, 0, 0, .951) 99%) !important;
    --bg-profile: linear-gradient(270deg, rgba(147, 0, 0, .951) 0%, rgba(95, 0, 0, .951) 5%, rgba(65, 0, 0, .951) 50%, rgba(95, 0, 0, .951) 95%, rgba(147, 0, 0, .951) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #d5ad50;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d61eae2b-dff1-43ba-4754-426cceb51b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3766e08f-80c0-48a9-9d58-6d0b2a3dd600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(220, 0, 0, 1) 5%, rgba(69, 0, 0, 1) 80%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: rgba(116, 83, 14, .75) !important;
    --background-border-bottom: #d5ad50;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(310deg, rgba(255, 245, 158, 1) 3%, rgba(145, 124, 84, 1) 15%, rgba(110, 78, 14, 1) 26%, rgba(217, 207, 133, 1) 46%, rgba(111, 78, 15, 1) 65%, rgba(145, 124, 84, 1) 81%, rgba(255, 245, 158, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #d5ad50 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 82px !important;
    --card-margin-top: 39vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(154, 1, 1, 1) 0%, rgba(95, 0, 0, 1) 5%, rgba(65, 0, 0, 1) 35%, rgba(122, 0, 0, 1) 87%, rgba(147, 0, 0, 1) 99%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v135] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #fff, rgba(0, 0, 0, 0));
    --background-login-gradient: #fff;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 0px solid #fa8b84 !important;
    --border-solid-menu-active: 0px solid #7cb9bf !important;
    --background-body: linear-gradient(180deg, rgba(255, 203, 225, 1) 0%, rgba(254, 155, 184, 1) 22%, rgba(252, 117, 157, 1) 56%, rgba(252, 117, 157, 1) 80%, rgba(252, 117, 157, 1) 100%) !important;
    --background-image: linear-gradient(180deg, rgba(255, 203, 225, 1) 0%, rgba(254, 155, 184, 1) 22%, rgba(252, 117, 157, 1) 56%, rgba(252, 117, 157, 1) 80%, rgba(252, 117, 157, 1) 100%) !important;
    --text-color: #000;
    --background-image-top: linear-gradient(180deg, rgba(255, 203, 225, 1) 0%, rgba(254, 155, 184, 1) 22%, rgba(252, 117, 157, 1) 40%, rgba(252, 117, 157, 1) 75%, rgba(254, 155, 184, 1) 91%, rgba(255, 203, 225, 1) 97%, rgba(255, 235, 244, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(255, 203, 225, 1) 0%, rgba(254, 155, 184, 1) 22%, rgba(252, 117, 157, 1) 40%, rgba(252, 117, 157, 1) 75%, rgba(254, 155, 184, 1) 91%, rgba(255, 203, 225, 1) 97%, rgba(255, 235, 244, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(255, 203, 225, 1) 0%, rgba(254, 155, 184, 1) 22%, rgba(252, 117, 157, 1) 40%, rgba(252, 117, 157, 1) 75%, rgba(254, 155, 184, 1) 91%, rgba(255, 203, 225, 1) 97%, rgba(255, 235, 244, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #73dcd7) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #73dcd7, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #73dcd7, #706d8c);
    --background-image-popup-profiles-menu: #73dcd7;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(255, 217, 168, 1) 0%, rgba(255, 198, 119, 1) 21%, rgba(255, 174, 69, 1) 40%, rgba(255, 174, 69, 1) 77%, rgba(255, 198, 119, 1) 94%, rgba(255, 224, 181, 1) 97%, rgba(255, 243, 227, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #73dcd7;
    --background-menu-article-boder: 2px solid #73dcd7;
    --background-menu-login: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(255, 217, 168, 1) 0%, rgba(255, 198, 119, 1) 21%, rgba(255, 174, 69, 1) 40%, rgba(255, 174, 69, 1) 77%, rgba(255, 198, 119, 1) 94%, rgba(255, 224, 181, 1) 97%, rgba(255, 243, 227, 1) 100%) !important;
    --v-login-border: 1px solid #ffd6a1 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(255, 203, 225, .971) 0%, rgba(254, 155, 184, .971) 22%, rgba(254, 155, 184, .971) 51%, rgba(255, 203, 225, .971) 97%, rgba(255, 235, 244, .971) 100%) !important;
    --bg-profile: linear-gradient(180deg, #00001e 0%, #fe5e8d 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #101010;
    --menu_icon: #fff;
    --text-theme-menu: #101010;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a1c6139a-c824-4f5c-49e7-3dd2fbcc9500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3b89c318-16df-4e82-986c-baa39b63e900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(255, 203, 225, 1) 0%, rgba(254, 155, 184, 1) 22%, rgba(252, 117, 157, 1) 56%, rgba(252, 117, 157, 1) 80%, rgba(252, 117, 157, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(180deg, rgba(255, 203, 225, 1) 0%, rgba(254, 155, 184, 1) 21%, rgba(252, 117, 157, 1) 40%, rgba(252, 117, 157, 1) 58%, rgba(254, 155, 184, 1) 82%, rgba(255, 203, 225, 1) 95%, rgba(255, 235, 244, 1) 100%);
    --background-border-bottom: #ffcbe1;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(255, 203, 225, .971) 0%, rgba(254, 155, 184, .971) 22%, rgba(252, 117, 157, .971) 40%, rgba(252, 117, 157, .971) 75%, rgba(254, 155, 184, .971) 91%, rgba(255, 203, 225, .971) 97%, rgba(255, 235, 244, .971) 100%) !important;
    --bg-signIn-border-solid: 2.8px solid #da285c !important;
    --text-color-input-group: #ffffff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -2px !important;
    --card-margin-top: 35vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 138 182 / 05%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(255, 217, 168, 1) 0%, rgba(255, 198, 119, 1) 21%, rgba(255, 174, 69, 1) 40%, rgba(255, 174, 69, 1) 77%, rgba(255, 198, 119, 1) 94%, rgba(255, 224, 181, 1) 97%, rgba(255, 243, 227, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #000;
    --pagination-button--active: rgba(255, 174, 69, 1) !important;
    --pagination-button: rgba(255, 198, 119, .591) !important;
    --v-signin-button: linear-gradient(180deg, rgba(255, 203, 225, 1) 0%, rgba(254, 155, 184, 1) 15%, rgba(252, 117, 157, 1) 32%, rgba(252, 117, 157, 1) 58%, rgba(254, 155, 184, 1) 89%, rgba(255, 203, 225, 1) 98%, rgba(255, 235, 244, 1) 100%) !important;
    --v-signin-button-border: 2.5px solid #da285c !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 217, 168, 1) 0%, rgba(255, 198, 119, 1) 21%, rgba(255, 174, 69, 1) 40%, rgba(255, 174, 69, 1) 77%, rgba(255, 198, 119, 1) 94%, rgba(255, 224, 181, 1) 97%, rgba(255, 243, 227, 1) 100%) !important;
    --v-resgister-button-border: 1px solid #ffd6a1 !important;
    --v-resgister-button-text-color: #ffffff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023200, #fc759c);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a00 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a00 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgba(255, 217, 168, 1) 0%, rgba(255, 198, 119, 1) 21%, rgba(255, 174, 69, 1) 40%, rgba(255, 174, 69, 1) 77%, rgba(255, 198, 119, 1) 94%, rgba(255, 224, 181, 1) 97%, rgba(255, 243, 227, 1) 100%) !important
}

[data-theme=v136] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #fff, rgba(0, 0, 0, 0));
    --background-login-gradient: #fff;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 0px solid #fa8b84 !important;
    --border-solid-menu-active: 0px solid #7cb9bf !important;
    --background-body: linear-gradient(180deg, rgb(148 0 254) 0%, rgb(95 17 139) 22%, rgb(144 0 255) 56%, rgb(1 0 30) 80%, rgb(2 0 21) 100%) !important;
    --background-image: linear-gradient(180deg, rgb(148 0 254) 0%, rgb(95 17 139) 22%, rgb(144 0 255) 56%, rgb(1 0 30) 80%, rgb(2 0 21) 100%) !important;
    --text-color: #000;
    --background-image-top: linear-gradient(180deg, #5400a1 0%, #9000ff 100%) !important;
    --background-image-button: linear-gradient(180deg, #00001e 0%, #9000ff 100%) !important;
    --background-image-top-header: linear-gradient(180deg, #00001e 0%, #9000ff 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #73dcd7) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #73dcd7, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #73dcd7, #706d8c);
    --background-image-popup-profiles-menu: #73dcd7;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(236 4 252) 0%, rgb(205 21 230) 21%, rgb(249 1 254) 40%, rgb(166 15 201) 77%, rgb(215 23 233) 94%, rgb(180 27 215) 97%, rgb(167 30 202) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #73dcd7;
    --background-menu-article-boder: 2px solid #73dcd7;
    --background-menu-login: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(236 4 252) 0%, rgb(205 21 230) 21%, rgb(249 1 254) 40%, rgb(166 15 201) 77%, rgb(215 23 233) 94%, rgb(180 27 215) 97%, rgb(167 30 202) 100%) !important;
    --v-login-border: 1px solid #ffd6a1 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgb(142 1 252) 0%, rgb(208 4 252) 22%, rgb(233 1 250) 51%, rgb(199 1 240) 97%, rgb(147 0 249) 100%) !important;
    --bg-profile: linear-gradient(180deg, #00001e 0%, #9000ff 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: #00001c !important;
    --bg-app-desktop: #00001c !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgb(144 0 255) 0%, rgb(88 16 145) 22%, rgb(0 0 29) 56%, rgb(0 0 10) 80%, rgb(0 0 0) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #9000ff;
    --background-border-bottom: #de04fa;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgb(219 1 246) 0%, rgb(144 0 253) 22%, rgb(144 0 254) 40%, rgb(142 2 251) 75%, rgb(147 0 251) 91%, rgb(186 4 247) 97%, rgb(227 1 249) 100%) !important;
    --bg-signIn-border-solid: 2.8px solid #de04fa !important;
    --text-color-input-group: #ffffff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 72px !important;
    --card-margin-top: 11vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 138 182 / 05%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgb(148 0 254) 0%, rgb(95 17 139) 22%, rgb(0 0 28) 56%, rgb(1 0 30) 80%, rgb(2 0 21) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #fff !important;
    --pagination-button: rgb(221 5 236) !important;
    --v-signin-button: linear-gradient(180deg, rgb(142 1 252) 0%, rgb(208 4 252) 22%, rgb(233 1 250) 51%, rgb(199 1 240) 97%, rgb(147 0 249) 100%) !important;
    --v-signin-button-border: 2.5px solid #de04fa !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgb(148 0 254) 0%, rgb(182 2 252) 22%, rgb(229 1 248) 56%, rgb(226 1 248) 80%, rgb(231 1 250) 100%) !important;
    --v-resgister-button-border: 0px solid #ffd6a1 !important;
    --v-resgister-button-text-color: #ffffff;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: #ffffff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v137] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #fff, rgba(0, 0, 0, 0));
    --background-login-gradient: #fff;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 0px solid #fa8b84 !important;
    --border-solid-menu-active: 0px solid #7cb9bf !important;
    --background-body: linear-gradient(180deg, rgb(40 27 15) 0%, rgb(43 30 18) 22%, rgb(62 48 33) 56%, rgb(40 31 32) 80%, rgb(2 0 21) 100%) !important;
    --background-image: linear-gradient(180deg, rgb(40 27 15) 0%, rgb(43 30 18) 22%, rgb(62 48 33) 56%, rgb(40 31 32) 80%, rgb(2 0 21) 100%) !important;
    --text-color: #000;
    --background-image-top: linear-gradient(180deg, #535454 0%, #333433 100%) !important;
    --background-image-button: linear-gradient(180deg, #1b0e05 0%, #4a3d2b 100%) !important;
    --background-image-top-header: linear-gradient(180deg, #1b0e05 0%, #4a3d2b 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #73dcd7) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #73dcd7, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #73dcd7, #706d8c);
    --background-image-popup-profiles-menu: #73dcd7;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(213 160 66) 0%, rgb(241 208 105) 21%, #b97a36 40%, rgb(192 140 57) 77%, rgb(181 119 49) 94%, rgb(220 179 80) 97%, rgb(193 132 48) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #73dcd7;
    --background-menu-article-boder: 2px solid #73dcd7;
    --background-menu-login: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(213 160 66) 0%, rgb(241 208 105) 21%, #b97a36 40%, rgb(192 140 57) 77%, rgb(181 119 49) 94%, rgb(220 179 80) 97%, rgb(193 132 48) 100%) !important;
    --v-login-border: 1px solid #ffd6a1 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #382b1d !important;
    --bg-profile: linear-gradient(180deg, #1b0e05 0%, #4a3d2b 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/474d11f1-31e9-4e30-065e-31669ab3f900/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/474d11f1-31e9-4e30-065e-31669ab3f900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #22150b 0%, #312417 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #1c1d1b;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgb(45 32 19) 0%, rgb(59 46 31) 22%, rgb(59 46 31) 40%, rgb(59 46 31) 75%, rgb(29 30 29) 91%, rgb(42 29 17) 97%, rgb(39 26 14) 100%) !important;
    --bg-signIn-border-solid: 2.8px solid #fff !important;
    --text-color-input-group: #ffffff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 56px !important;
    --card-margin-top: 14vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 138 182 / 05%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgb(43 30 18) 0%, rgb(80 73 63) 22%, rgb(33 25 16) 56%, rgb(25 13 5) 80%, rgb(66 53 37) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #372a1c;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: red !important;
    --pagination-button: #fff !important;
    --v-signin-button: linear-gradient(180deg, rgb(49 36 23) 0%, rgb(55 42 28) 22%, rgb(68 55 38) 51%, rgb(65 52 36) 97%, rgb(68 55 38) 100%) !important;
    --v-signin-button-border: 2.5px solid #fff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgb(213 3 10) 0%, rgb(185 28 28) 21%, #f27474 40%, rgb(197 7 9) 77%, rgb(170 3 1) 94%, rgb(198 13 9) 97%, rgb(194 3 6) 100%) !important;
    --v-resgister-button-border: 0px solid #ffd6a1 !important;
    --v-resgister-button-text-color: #ffffff;
    --input-group-bg-signin: #1d1e1d;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: #ffffff00;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgb(213 160 66) 0%, rgb(241 208 105) 21%, #b97a36 40%, rgb(192 140 57) 77%, rgb(181 119 49) 94%, rgb(220 179 80) 97%, rgb(193 132 48) 100%) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #ffffff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #43362500, #e6b92e00);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ffffff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff6e 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgb(213 160 66) 0%, rgb(241 208 105) 21%, #b97a36 40%, rgb(192 140 57) 77%, rgb(181 119 49) 94%, rgb(220 179 80) 97%, rgb(193 132 48) 100%) !important
}

[data-theme=v1377] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(255, 239, 122, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: 0px solid #5bd90e !important;
    --border-solid-menu-active: 0px solid #5bd90e !important;
    --background-body: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 10, 0, 1) 29%, rgba(0, 28, 0, 1) 43%, rgba(0, 59, 1, 1) 59%, rgba(5, 82, 15, 1) 100%) !important;
    --background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 10, 0, 1) 29%, rgba(0, 28, 0, 1) 43%, rgba(0, 59, 1, 1) 59%, rgba(5, 82, 15, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(0, 118, 12, 1) 0%, rgba(0, 33, 4, 1) 28%, rgba(0, 39, 7, 1) 43%, rgba(0, 46, 8, 1) 60%, rgba(0, 69, 10, 1) 83%, rgba(0, 118, 12, 1) 96%, rgba(5, 82, 15, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 10, 0, 1) 29%, rgba(0, 28, 0, 1) 43%, rgba(0, 59, 1, 1) 59%, rgba(1, 189, 4, 1) 100%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 10, 0, 1) 29%, rgba(0, 28, 0, 1) 43%, rgba(0, 59, 1, 1) 59%, rgba(1, 189, 4, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #032b1b, #032b1b);
    --background-image-popup-profiles-menu: #032b1b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(162, 97, 5, 1) 0%, rgba(255, 239, 122, 1) 59%, rgba(255, 239, 122, 1) 64%, rgba(177, 121, 24, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #032b1b;
    --background-menu-article-boder: 2px solid #032b1b;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(162, 97, 5, 1) 0%, rgba(255, 239, 122, 1) 59%, rgba(255, 239, 122, 1) 64%, rgba(177, 121, 24, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(150deg, rgba(0, 118, 12, .861) 0%, rgba(0, 33, 4, .861) 28%, rgba(0, 39, 7, .861) 43%, rgba(0, 46, 8, .861) 60%, rgba(0, 69, 10, .861) 83%, rgba(0, 118, 12, .861) 96%, rgba(5, 82, 15, .861) 100%) !important;
    --bg-profile: linear-gradient(0deg, rgba(0, 0, 0, .961) 0%, rgba(0, 10, 0, .961) 29%, rgba(0, 28, 0, .961) 43%, rgba(0, 59, 1, .961) 100%) !important;
    --bg-view: linear-gradient(138deg, #00230c9e, #017d035e) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/67f28bef-8c1d-40fb-151f-8d9a6d4e6e00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ef78a6a7-4cd6-4ea4-c1f6-dedaa3c4bf00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 10, 0, 1) 29%, rgba(0, 28, 0, 1) 43%, rgba(0, 59, 1, 1) 100%) !important;
    --bg-active-refer: #fff;
    --credit-bl-text: #fff;
    --background-menu-marquee: linear-gradient(0deg, rgba(0, 134, 3, .681) 0%, rgba(0, 134, 3, .681) 100%) !important;
    --background-border-bottom: #01bd04;
    --text-menu-bottom: #fff;
    --h-right: linear-gradient(to left, #000000, #000000) 2 !important;
    --h-left: linear-gradient(to left, #000000, #000000) 2 !important;
    --bg-signIn-border: linear-gradient(150deg, rgba(0, 118, 12, .861) 0%, rgba(0, 33, 4, .861) 28%, rgba(0, 39, 7, .861) 43%, rgba(0, 46, 8, .861) 60%, rgba(0, 69, 10, .861) 83%, rgba(0, 118, 12, .861) 96%, rgba(5, 82, 15, .861) 100%) !important;
    --bg-signIn-border-solid: 1.8px solid #008603 !important;
    --text-color-input-group: #008603;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 60px !important;
    --card-margin-top: 20vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(80, 195, 3, .751) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(1, 50, 8, 1) 5%, rgba(19, 102, 32, 1) 59%, rgba(19, 102, 32, 1) 64%, rgba(1, 50, 8, 1) 95%) !important;
    --bg-new: #5bd90e;
    --bg-recommend: #ff412d;
    --text-color-text-web: #fff;
    --pagination-button--active: #01bd04 !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(255, 156, 145, 1) 0%, rgba(255, 38, 13, 1) 36%, rgba(255, 26, 0, 1) 44%, rgba(255, 26, 0, 1) 90%, rgba(255, 26, 0, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(0deg, rgba(162, 97, 5, 1) 0%, rgba(255, 239, 122, 1) 59%, rgba(255, 239, 122, 1) 64%, rgba(177, 121, 24, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: rgba(0, 134, 3, .681);
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #015f02;
    --bg-profile-box-overview: #6f6f6f78;
    --background-bg-text-highlight: linear-gradient(0deg, rgba(162, 97, 5, 1) 0%, rgba(255, 239, 122, 1) 59%, rgba(255, 239, 122, 1) 64%, rgba(177, 121, 24, 1) 100%) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #01bd04, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #00ad0370, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #01bd04 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #019303, 0 0 45px #01a904, 0 0 55px #017503, 0 0 65px #018603, 0 0 75px #017d03, 0 0 85px #008a02;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #009303 0, #017e03 44%, #004001 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v138] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffe970, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --background-image: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --background-image-button: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(232, 205, 149, 1) 40%, rgba(159, 132, 85, 1) 90%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(60, 60, 60, 1) 0%, rgba(0, 0, 0, 1) 70%) !important;
    --v-login-border: 2px solid #f5bd43 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .97344187675070029) 0%, rgba(0, 0, 0, .98940826330532213) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff0d0;
    --text-theme-menu: #fff0d0;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #e3cd94 !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d08e242f-9c48-4d9b-a1d2-5d99c75c9600/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3766e08f-80c0-48a9-9d58-6d0b2a3dd600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #e3cd94;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: #000 !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000;
    --background-border-bottom: #d2ba68;
    --text-menu-bottom: #e3cd94;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(204, 168, 105, 1) 0%, rgba(206, 157, 86, 1) 78%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #e3cd94;
    --text-title-popular: #fff;
    --input-group-bg: #000 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 65px !important;
    --card-margin-top: 38vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 91%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000000;
    --text-color-input-group-signin: #ffffff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v139] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(255, 27, 129, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(255, 27, 129, 1);
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #be05e6 !important;
    --border-solid-menu-active: 0px solid #f221bd !important;
    --background-body: linear-gradient(0deg, rgba(41, 2, 18, .9697128851540616) 13%, rgba(0, 0, 0, 1) 100%) !important;
    --background-image: linear-gradient(0deg, rgba(41, 2, 18, .9697128851540616) 13%, rgba(0, 0, 0, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(255, 1, 107, 1) 0%, rgba(255, 27, 129, 1) 67%, rgba(255, 51, 154, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgba(41, 2, 18, .9697128851540616) 13%, rgba(0, 0, 0, 1) 100%) !important;
    --background-image-top-header: linear-gradient(0deg, rgba(41, 2, 18, .9697128851540616) 13%, rgba(0, 0, 0, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(245, 40, 106, 1) 13%, rgba(254, 162, 23, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(255, 1, 107, 1) 0%, rgba(255, 27, 129, 1) 67%, rgba(255, 51, 154, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(11, 1, 53, .87) 0%, rgba(160, 4, 201, .87) 45%, rgba(190, 5, 230, .87) 69%, rgba(242, 33, 189, .87) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(20, 20, 20, .89) 0%, rgba(20, 20, 20, .89) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/dc8bbf40-96eb-4183-9c72-b6dd6b4bd000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/982037c4-8d9f-4005-84c1-d18776702200/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(41, 2, 18, .9697128851540616) 13%, rgba(0, 0, 0, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(0deg, rgba(255, 1, 107, 1) 0%, rgba(255, 27, 129, 1) 67%, rgba(255, 51, 154, 1) 100%) !important;
    --background-border-bottom: rgba(255, 27, 129, 1);
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: rgba(255, 1, 107, .27) !important;
    --bg-signIn-border-solid: 2.6px solid rgba(255, 27, 129, 1) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: rgba(255, 27, 129, 1) !important;
    --input-group-color: #fff !important;
    --top-logo: 100px !important;
    --card-margin-top: 38vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(253 51 133 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(255, 1, 107, 1) 0%, rgba(255, 27, 129, 1) 67%, rgba(255, 51, 154, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000000;
    --text-color-input-group-signin: #ffffff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v140] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(180, 126, 17, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(180, 126, 17, 1);
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: 0px solid #fff !important;
    --border-solid-menu-active: 0px solid #fff !important;
    --background-body: linear-gradient(0deg, #d4d6e2 0%, #ffffff 100%) !important;
    --background-image: linear-gradient(0deg, #d4d6e2 0%, #ffffff 100%) !important;
    --text-color: #000;
    --background-image-top: linear-gradient(180deg, rgba(180, 126, 17, 1) 0%, rgba(191, 141, 34, 1) 15%, rgba(248, 217, 118, 1) 46%, rgba(251, 221, 123, 1) 51%, rgba(249, 219, 120, 1) 58%, rgba(184, 132, 22, 1) 93%, rgba(191, 141, 33, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, #d4d6e2 0%, #ffffff 100%) !important;
    --background-image-top-header: linear-gradient(0deg, #d4d6e2 0%, #ffffff 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #610000, #610000);
    --background-image-popup-profiles-menu: #610000;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(151, 151, 151, 1) 0%, rgba(225, 225, 225, 1) 25%, rgba(240, 240, 240, 1) 35%, rgba(239, 239, 239, 1) 40%, rgba(227, 227, 227, 1) 47%, rgba(209, 209, 209, 1) 64%, rgba(169, 169, 169, 1) 81%, rgba(151, 151, 151, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #610000;
    --background-menu-article-boder: 2px solid #610000;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(180, 126, 17, 1) 0%, rgba(191, 141, 34, 1) 15%, rgba(248, 217, 118, 1) 46%, rgba(251, 221, 123, 1) 51%, rgba(249, 219, 120, 1) 58%, rgba(184, 132, 22, 1) 93%, rgba(191, 141, 33, 1) 95%, rgba(251, 221, 123, 1) 100%) !important;
    --v-login-color: #333;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(255, 255, 255, .961) 0%, rgba(219, 219, 219, .961) 50%, rgba(255, 255, 255, .961) 100%) !important;
    --bg-profile: linear-gradient(270deg, rgba(219, 219, 219, .961) 0%, rgba(255, 255, 255, .961) 50%, rgba(219, 219, 219, .961) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #000;
    --menu_icon: rgba(191, 141, 34, 1);
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/adda32b7-608f-426c-01b7-a55ee9d10c00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1cff8281-4499-4ff0-5d24-a189e0b65800/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #ced0dd 0%, #e8ebf1 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(180deg, rgba(235, 235, 235, 1) 0%, rgba(225, 225, 225, 1) 15%, rgba(226, 226, 226, 1) 24%, rgba(240, 240, 240, 1) 34%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 59%, rgba(245, 245, 245, 1) 65%, rgba(209, 209, 209, 1) 95%, rgba(255, 255, 255, 1) 100%) !important;
    --background-border-bottom: rgba(191, 141, 34, 1);
    --text-menu-bottom: #000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #610000, #ff412d) 2 !important;
    --h-left: linear-gradient(to left, #ff412d, #610000) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, #b8bbcc 20%, #f4f4f6 100%) !important;
    --bg-signIn-border-solid: 3px solid #fff !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 74px !important;
    --card-margin-top: 38vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(183, 25, 24, .851) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(219, 219, 219, .961) 0%, rgba(255, 255, 255, .961) 50%, rgba(219, 219, 219, .961) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #fff;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #000;
    --pagination-button--active: #efefef !important;
    --pagination-button: rgba(191, 141, 34, .561);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: rgba(191, 141, 34, 1);
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v141] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffffff, rgba(0, 0, 0, 0));
    --background-login-gradient: #ffffff;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #be05e6 !important;
    --border-solid-menu-active: 0px solid #f221bd !important;
    --background-body: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --background-image: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(190, 51, 253, 1) 4%, rgba(209, 107, 255, 1) 25%, rgba(217, 132, 255, 1) 42%, rgba(218, 149, 249, 1) 49%, rgba(214, 122, 255, 1) 55%, rgba(193, 59, 253, 1) 86%, rgba(190, 51, 253, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, #59069e, #e001fc) !important;
    --background-image-top-header: linear-gradient(0deg, #59069e, #e001fc) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(253, 51, 133, 1) 4%, rgba(255, 110, 169, 1) 25%, rgba(255, 172, 205, 1) 42%, rgba(255, 179, 209, 1) 49%, rgba(255, 168, 203, 1) 55%, rgba(253, 64, 141, 1) 86%, rgba(253, 51, 133, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #f221bd, #be05e6) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(255, 168, 203, 1) 5%, rgba(253, 64, 141, 1) 86%, rgba(253, 51, 133, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(11, 1, 53, .87) 0%, rgba(160, 4, 201, .87) 45%, rgba(190, 5, 230, .87) 69%, rgba(242, 33, 189, .87) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(20, 20, 20, .89) 0%, rgba(20, 20, 20, .89) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/76c9b3da-0b22-4de0-d6f7-ddd6a91de300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5c1c0b93-5e2a-4870-f939-116139be2e00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #59069e, #e001fc) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: rgba(253, 51, 133, .751) !important;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #f221bd) 2 !important;
    --h-left: linear-gradient(to left, #f221bd, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --bg-signIn-border-solid: 2px solid #fff !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 50px !important;
    --card-margin-top: 28vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(253 51 133 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(11, 1, 53, 1) 0%, rgba(160, 4, 201, 1) 45%, rgba(190, 5, 230, 1) 69%, rgba(242, 33, 189, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(255, 168, 203, 1) 5%, rgba(253, 64, 141, 1) 86%, rgba(253, 51, 133, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 94, 76, 1) 3%, rgba(255, 26, 0, 1) 15%, rgba(205, 0, 0, 1) 49%, rgba(205, 0, 0, 1) 52%, rgba(255, 26, 0, 1) 78%, rgba(255, 94, 76, 1) 97%, rgba(255, 26, 0, 1) 100%) !important;
    --v-resgister-button-border: 1px solid rgba(255, 26, 0, 1) !important;
    --v-resgister-button-text-color: #ffffff;
    --text-color-input-group-signin: #fff;
    --input-group-bg-signin: #000;
    --border-color-input-group-signin: 0px #000;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v142] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --background-image: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(270deg, rgba(82, 82, 82, .951) 0%, rgba(52, 52, 52, .951) 25%, rgba(42, 42, 42, .951) 50%, rgba(52, 52, 52, .951) 75%, rgba(82, 82, 82, .951) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #d5ad50;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/87ada65c-546c-4755-ecd7-6125a652ed00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/902e05ca-cf3b-4c7e-78ec-eed2ce5a3500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(0deg, rgba(200, 155, 52, .861) 0%, rgba(162, 97, 5, .861) 16%, rgba(200, 155, 52, .861) 56%, rgba(255, 239, 122, .821) 90%, rgba(255, 255, 175, .801) 100%) !important;
    --background-border-bottom: #d5ad50;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgba(110, 78, 14, 1) 0%, rgba(217, 207, 133, 1) 46%, rgba(111, 78, 15, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #d5ad50 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 3px !important;
    --card-margin-top: 35vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 96%, rgba(105, 72, 9, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #d5ad51;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107);
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5ad51, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023200, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #d5ad51 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #d5ad51, 0 0 45px #d5ad51, 0 0 55px #d5ad51, 0 0 65px #d5ad51, 0 0 75px #d5ad51, 0 0 85px #d5ad51;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(0deg, rgba(200, 155, 52, .861) 0%, rgba(162, 97, 5, .861) 16%, rgba(200, 155, 52, .861) 56%, rgba(255, 239, 122, .821) 90%, rgba(255, 255, 175, .801) 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v143] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(12 58 25) 46%, rgb(7 141 16) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(12 58 25) 46%, rgb(7 141 16) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgb(12 58 25) 46%, rgb(7 141 16) 90%) !important;
    --background-image-button: linear-gradient(180deg, #0c3a19 47%, rgb(7 141 16) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, #0c3a19 47%, rgb(7 141 16) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, rgb(12 58 25) 46%, rgb(7 141 16) 90%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/30a12d5a-1b5a-411f-8195-05dbf406a800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/30a12d5a-1b5a-411f-8195-05dbf406a800/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --background-border-bottom: #078d10;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #078d10 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 89px !important;
    --card-margin-top: 39vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgb(12 58 25) 46%, rgb(7 141 16) 90%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #078d10;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v144] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #230aa6, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #230aa6, #071141) !important;
    --border-solid-menu: 0px solid #e9c979 !important;
    --border-solid-menu-active: 0px solid #e9c979 !important;
    --background-body: linear-gradient(180deg, #3a0001, #aa6101);
    --background-image: linear-gradient(to bottom, #230aa6, #071141);
    --text-color: white;
    --background-image-top: linear-gradient(189deg, #020102, #0c104f) !important;
    --background-image-button: linear-gradient(to bottom, #230aa6, #071141) !important;
    --background-image-top-header: linear-gradient(to bottom, #230aa6, #071141) !important;
    --background-banner-top: linear-gradient(to bottom, #230aa6, #071141) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(189deg, #020102, #230aa6) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(180deg, #09194d, #0f1620bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #240ba9c4, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: linear-gradient(to bottom, #230aa6, #010517) !important;
    --bg-app-desktop: linear-gradient(to bottom, #09194d, #0e0f52) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0c104f, #290abf) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(139 130 120);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(230 211 192);
    --background-border-box: #e6d3c0;
    --background-menu-marquee: #0d0e4d;
    --background-border-bottom: #e6d3c0;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #f3d16e, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #f3d16e) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #dcdcdc7b, #0c104f7b) !important;
    --text-color-input-group: #a08b19;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -49px !important;
    --card-margin-top: 15vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(255 218 91 / 41%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #070506, #30291a) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #2f2818;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e6d3c0 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v145] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #390000, rgba(0, 0, 0, 0));
    --background-login-gradient: #390000;
    --color-login-gradient: #390000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-image: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(179, 137, 63, 1) 0%, rgba(130, 80, 7, 1) 10%, rgba(249, 240, 161, 1) 57%, rgba(249, 240, 161, 1) 66%, rgba(146, 94, 11, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(171, 0, 5, .921) 0%, rgba(106, 0, 3, .921) 50%, rgba(51, 0, 2, .921) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(171, 0, 5, .921) 0%, rgba(106, 0, 3, .921) 50%, rgba(51, 0, 2, .921) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #ceb25e;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f1bac925-16df-473b-47be-fa7cf95a1400/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3766e08f-80c0-48a9-9d58-6d0b2a3dd600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: rgba(151, 0, 0, .51) !important;
    --background-border-bottom: #ceb25e;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(328deg, rgba(255, 244, 220, 1) 0%, rgba(166, 142, 95, 1) 0%, rgba(100, 66, 2, 1) 11%, rgba(201, 140, 22, 1) 70%, rgba(105, 72, 9, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #ceb25e;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 85px !important;
    --card-margin-top: 38vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 91%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(171, 0, 5, 1) 0%, rgba(106, 0, 3, 1) 50%, rgba(51, 0, 2, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #ceb25e !important;
    --pagination-button: #ceb25e7b;
    --v-signin-button: linear-gradient(180deg, rgba(255, 156, 145, 1) 0%, rgba(255, 38, 13, 1) 36%, rgba(255, 26, 0, 1) 44%, rgba(255, 26, 0, 1) 90%, rgba(255, 26, 0, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(179, 137, 63, 1) 0%, rgba(130, 80, 7, 1) 10%, rgba(249, 240, 161, 1) 57%, rgba(249, 240, 161, 1) 66%, rgba(146, 94, 11, 1) 100%) !important;
    --v-resgister-button-border: 1.2px solid #e8da12 !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #390000 !important;
    --text-color-input-group-signin: #ceb25e;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v146] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgba(20, 20, 20, 1) 7%, rgba(0, 0, 0, 1) 100%) !important;
    --background-image: linear-gradient(180deg, rgba(20, 20, 20, 1) 7%, rgba(0, 0, 0, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(20, 20, 20, 1) 47%, rgba(0, 0, 0, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(20, 20, 20, 1) 27%, rgba(0, 0, 0, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 57%, rgba(255, 245, 158, 1) 66%, rgba(105, 72, 9, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(270deg, rgba(82, 82, 82, .951) 0%, rgba(52, 52, 52, .951) 25%, rgba(42, 42, 42, .951) 50%, rgba(52, 52, 52, .951) 75%, rgba(82, 82, 82, .951) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #d5ad50;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/891a403f-bc45-490c-7ea8-934de7e3d500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1551f939-7de6-4197-0d12-10af01c12100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(20, 20, 20, 1) 7%, rgba(0, 0, 0, 1) 90%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(0deg, rgba(200, 155, 52, .861) 0%, rgba(162, 97, 5, .861) 16%, rgba(200, 155, 52, .861) 56%, rgba(255, 239, 122, .821) 90%, rgba(255, 255, 175, .801) 100%) !important;
    --background-border-bottom: #d5ad50;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgba(110, 78, 14, 1) 0%, rgba(217, 207, 133, 1) 46%, rgba(111, 78, 15, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #d5ad50 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 115px !important;
    --card-margin-top: 32vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(179, 137, 63, 1) 0%, rgba(100, 66, 2, 1) 10%, rgba(255, 245, 158, 1) 96%, rgba(105, 72, 9, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v147] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(155deg, #fffe97, #917232) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgb(30 29 0) 0%, rgb(8 2 16) 10%, rgb(63 64 58) 57%, rgb(69 69 67) 66%, rgb(99 89 88) 100%) !important;
    --v-login-border: 1px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 23px;
    --background-box-content: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --bg-profile: linear-gradient(155deg, #000000c9, #00000085) !important;
    --bg-view: linear-gradient(93deg, #000000, #3333337d) !important;
    --bg-view-mobile: linear-gradient(93deg, #000000, #3333337d) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #d5ad50;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/87ada65c-546c-4755-ecd7-6125a652ed00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/902e05ca-cf3b-4c7e-78ec-eed2ce5a3500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(185 166 87);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(191 172 92);
    --background-border-box: #d5ad50;
    --background-menu-marquee: #131313 !important;
    --background-border-bottom: #d5ad50;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgb(50 50 50 / 67%) 0%, rgb(26 26 26 / 68%) 46%, rgb(10 10 10 / 47%) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #d5ad50 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 32px !important;
    --card-margin-top: -3vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #000000;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: #efefef7d;
    --v-signin-button: linear-gradient(181deg, #ffd34e, #794909) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #f0cf8c, #b7873f) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5ad50, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #000000, #3333337d);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #c7b053 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #343434, 0 0 45px #343434, 0 0 55px #333333, 0 0 65px #333333, 0 0 75px #323232, 0 0 85px #303030;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v148] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ffe970, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgba(36, 36, 36, 1) 47%, rgba(36, 36, 36, 1) 100%) !important;
    --background-image: linear-gradient(180deg, rgba(36, 36, 36, 1) 47%, rgba(36, 36, 36, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgba(71, 71, 71, 1) 46%, rgba(46, 46, 46, 1) 90%) !important;
    --background-image-button: linear-gradient(180deg, rgba(36, 36, 36, 1) 47%, rgba(36, 36, 36, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(36, 36, 36, 1) 57%, rgba(36, 36, 36, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(174, 108, 5, 1) 0%, rgba(199, 136, 30, 1) 29%, rgba(239, 205, 100, 1) 85%, rgba(255, 233, 163, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(174, 108, 5, 1) 0%, rgba(199, 136, 30, 1) 29%, rgba(239, 205, 100, 1) 85%, rgba(255, 233, 163, 1) 100%) !important;
    --v-login-border: 1px solid #ffdf43 !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .96) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ee149c5c-59eb-4d67-1577-2fcf99f6e500/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/69e56e91-862e-4b01-b701-17c70dd7cf00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f283da57-a4f6-4831-e6b6-ca5bcf1be900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #242424 7%, #161616 80%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(243 212 118);
    --background-border-box: #fff;
    --background-menu-marquee: linear-gradient(0deg, rgba(174, 108, 5, 1) 0%, rgba(199, 136, 30, 1) 29%, rgba(239, 205, 100, 1) 85%, rgba(255, 233, 163, 1) 100%);
    --background-border-bottom: #242424;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(270deg, rgba(22, 22, 22, 1) 0%, rgba(36, 36, 36, 1) 12%, rgba(84, 84, 84, 1) 45%, rgba(88, 88, 88, 1) 50%, rgba(84, 84, 84, 1) 56%, rgba(36, 36, 36, 1) 88%, rgba(22, 22, 22, 1) 100%) !important;
    --bg-signIn-border-solid: 2.8px solid rgba(239, 205, 100, 1) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -34px !important;
    --card-margin-top: -5vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(199 136 30 / 91%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(52, 52, 52, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #353535;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000000;
    --text-color-input-group-signin: #ffffff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(0deg, rgba(174, 108, 5, 1) 0%, rgba(199, 136, 30, 1) 29%, rgba(239, 205, 100, 1) 85%, rgba(255, 233, 163, 1) 100%) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #e0b249, #151515);
    --MenuLeft-af: linear-gradient(93deg, #242424, #e1b54b52);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e3b84f 50%, transparent 100%);
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #4c4022 0, #4d4222 44%, #604e25 100%), linear-gradient(180deg, #fbb21f, #ffc107);
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --MenuLeft-after: 0 0 25px #c5861c, 0 0 45px #c5861c, 0 0 55px #c5861c, 0 0 65px #c5861c, 0 0 75px #c5861c, 0 0 85px #c5861c;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382)
}

[data-theme=v149] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #431106) !important;
    --border-solid-menu: 0px solid #e5bf5c !important;
    --border-solid-menu-active: 0px solid #e5bf5c !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #252525 0%, #1f1f1f 10%, #171717 57%, #141414 66%, #0c0c0c 100%) !important;
    --background-image-button: linear-gradient(180deg, #000000 47%, #2a2a2a 100%) !important;
    --background-image-top-header: linear-gradient(180deg, #000000 47%, #2a2a2a 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(155deg, #ff0000, #820000) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #820000 0%, #d51717 43%, #d51717 51%, #820000 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000 0%, #292929) !important;
    --bg-profile: linear-gradient(155deg, #000000c9, #00000085) !important;
    --text-theme: #ffffff;
    --menu_icon: #ff0000;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b540dca4-697a-4e74-be54-24f6f0324000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d4d920be-01ed-49ae-e383-14755d0c1500/public) !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --bg-footer-theme-web: linear-gradient(0deg, #161616 47%, #2a2a2a 100%) !important;
    --bg-active-refer: #d12704;
    --background-menu-marquee: #131313;
    --background-border-bottom: #ff0000;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, #3a0001b3 0%, rgb(165 7 7 / 56%) 46%, #82000075 100%) !important;
    --text-color-input-group: #e5bf5c;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 77px !important;
    --card-margin-top: 16vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(229 191 92 / 34%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, #252525 0%, #1f1f1f 10%, #171717 57%, #141414 66%, #0c0c0c 100%) !important;
    --bg-new: #ffc107;
    --bg-hot: #d12704;
    --bg-recommend: #198754;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(181deg, #ffd34e, #794909) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #f98888 0%, #d70000 8%, #820000 51%, #820000 58%, #d50000 83%, #eb5c5c 97%, #f83030 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 33px;
    --bg-footer-theme-web-category: #bf2404;
    --bg-profile-box-overview: #6f6f6f78;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #ff0000, #151515);
    --btn-primary-nav: linear-gradient(0deg, #1e1d00 0%, #080210 10%, #3f403a 57%, #454543 66%, #635958 100%), linear-gradient(125deg, #ff0000, #ff0000 31.53%, #820000 64.87%, #820000);
    --MenuLeft-af: linear-gradient(93deg, #000000, #3333337d);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f00 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #343434, 0 0 45px #343434, 0 0 55px #333333, 0 0 65px #333333, 0 0 75px #323232, 0 0 85px #303030;
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #820000, #820000 31.53%, #ff0000 64.87%, #ff0000);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ef8d8d 0, #d12704 44%, #820000 100%), linear-gradient(180deg, #820000, #820000) !important;
    --v-login-border: 0px solid #efd08d !important;
    --credit-bl-text: #fff;
    --bg-view: linear-gradient(93deg, #000000, #3333337d) !important;
    --bg-view-mobile: linear-gradient(93deg, #000000, #3333337d) !important;
    --box-sha-box-webkit: inset 0 0 48px 6px #ff0000;
    --background-border-box: #f00;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --active-color-menu: #fff
}

[data-theme=v150] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #d12704, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #480703 !important;
    --website--theme--nav--with--modal--color--dark: #d12704 !important;
    --background-image-button-hh: linear-gradient(to bottom, #d12704, #431106) !important;
    --border-solid-menu: 0px solid #e5bf5c !important;
    --border-solid-menu-active: 0px solid #e5bf5c !important;
    --background-body: linear-gradient(180deg, #3a0001, #d12704);
    --background-image: linear-gradient(138deg, #3a0001, #d12704);
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #1c1c1c 0%, #0b0b0b 35%, #090909 56%, #000000 74%, #000000 100%);
    --shadow-nav-link: 0px 1px 3px 0px #dac775 !important;
    --background-image-button: linear-gradient(to bottom, #2a2a2a 0%, #000 99%);
    --background-image-top-header: linear-gradient(to bottom, #2a2a2a 0%, #000 99%);
    --box-shadow: 0 0 10px #fff;
    --background-banner-top: linear-gradient(to bottom, #d12704, #431106) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #6b5412 0%, #ffec8c 35%, #dec463 56%, #a68b3c 74%, #6b5412 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #000000d6, #000000d6) !important;
    --bg-view: linear-gradient(182deg, #000000b5, #000000b5);
    --bg-view-mobile: linear-gradient(182deg, #000000b5, #000000b5);
    --bg-frame-2-black: linear-gradient(180deg, #000 0%, #000 100%);
    --text-theme: #ffffff;
    --menu_icon: #e5bf5d;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #3a0001 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9de59191-2e07-4fd2-8f73-e71967bb2c00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4532420e-6b1c-42c4-fcd5-80921c92fe00/public) !important;
    --bs-btn-hover-border-color-refer: #d12704 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #906e17, #000000);
    --credit-bl-text: #fff;
    --bg-active-refer: #d12704;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #edca71;
    --background-menu-marquee: #594411ba;
    --background-border-bottom: #e5bf5c !important;
    --x-header-bottom: 3px;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #000, #000) !important;
    --text-color-input-group: #e5bf5c;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -14px !important;
    --card-margin-top: 6vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(229 191 92 / 34%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #373737 0%, #161616 35%, #0d0d0d 56%, #050505 74%, #000000 100%);
    --deposit-bg-popup: linear-gradient(180deg, #f8d37d, #846209);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #bf2404;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, #866823 0%, #ddbd69 35%, #ffdb8b 56%, #ddbd69 74%, #866823 100%);
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #990000 0%, #e52121 19%, #3d0000 78%, #3d0000 97%, #3d0000 100%);
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #ac8f4d;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #ffd568, #000);
    --btn-primary-nav: linear-gradient(180deg, #393939, #000), linear-gradient(0deg, #57420f, #f7cb6d);
    --MenuLeft-af: linear-gradient(93deg, #020202, #00000000);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fcd988 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, #ffd97900, #ffd979, #ffd97900);
    --btn-primary-nav-after: linear-gradient(270deg, #ffd97900, #ffd979, #ffd97900);
    --btn-primary-nav-hover: linear-gradient(180deg, #393939, #000), linear-gradient(0deg, #57420f, #f7cb6d);
    --loginregishead-btn-primary-nav: linear-gradient(to bottom, #ffe2a6, #6f530e), linear-gradient(0deg, #57420f, #f7cb6d);
    --bg-signIn-border-solid: 1px solid #ffe970 !important
}

[data-theme=v151] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #e5bf5c, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #0d131c !important;
    --website--theme--nav--with--modal--color--dark: #000b71 !important;
    --background-image-button-hh: linear-gradient(to bottom, #000b71, #0d131c) !important;
    --border-solid-menu: 1px solid #e5bf5c !important;
    --border-solid-menu-active: 1px solid #e5bf5c !important;
    --background-body: linear-gradient(180deg, #0d131c, #000b71);
    --background-image: linear-gradient(138deg, #0d131c, #000b71);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #000b71, #0d131c) !important;
    --background-image-button: linear-gradient(to bottom, #000b71, #0d131c) !important;
    --background-image-top-header: linear-gradient(to bottom, #000b71, #0d131c) !important;
    --background-banner-top: linear-gradient(to bottom, #000b71, #0d131c) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(131, 92, 1, 1) 10%, rgba(185, 126, 32, 1) 49%, rgba(239, 205, 100, 1) 85%, rgba(255, 233, 163, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(131, 92, 1, 1) 10%, rgba(185, 126, 32, 1) 49%, rgba(239, 205, 100, 1) 95%, rgba(255, 233, 163, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #d12704;
    --bg-profile: linear-gradient(180deg, #0d131cd6, #000b71bd) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #e5bf5c;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: #0d131c !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3019ab1e-73e6-43c8-1bed-343c7cacb700/public) !important;
    --bg-app-desktop: linear-gradient(to bottom, #000b71, #0d131c) !important;
    --bs-btn-hover-border-color-refer: #000b71 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #000b71, #0d131c) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000b71;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: linear-gradient(180deg, #000b71ba, #0d131cd4);
    --background-border-bottom: #e5bf5c;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #000b71ba, #0d131cd4) !important;
    --text-color-input-group: #e5bf5c;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 167px !important;
    --card-margin-top: 30vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(229 191 92 / 34%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(131, 92, 1, 1) 10%, rgba(185, 126, 32, 1) 49%, rgba(239, 205, 100, 1) 85%, rgba(255, 233, 163, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v152] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #5bd90e, rgba(0, 0, 0, 0));
    --background-login-gradient: #f81918;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #610000) !important;
    --border-solid-menu: 0px solid #5bd90e !important;
    --border-solid-menu-active: 0px solid #5bd90e !important;
    --background-body: linear-gradient(180deg, #000000, #000000) !important;
    --background-image: linear-gradient(180deg, #000000, #000000) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, #000000, #000000) !important;
    --background-image-top-header: linear-gradient(180deg, #000000, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #032b1b, #032b1b);
    --background-image-popup-profiles-menu: #032b1b;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(0, 192, 25, 1) 0%, rgba(80, 195, 3, 1) 41%, rgba(125, 203, 0, 1) 83%, rgba(182, 242, 4, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #032b1b;
    --background-menu-article-boder: 2px solid #032b1b;
    --background-menu-login: linear-gradient(180deg, #da2300, #ee9d00) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(0, 192, 25, 1) 0%, rgba(175, 240, 5, 1) 46%, rgba(182, 242, 4, 1) 50%, rgba(178, 241, 4, 1) 54%, rgba(0, 192, 25, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-profile: linear-gradient(90deg, rgba(0, 0, 0, .961) 0%, rgba(0, 0, 0, .961) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #5bd90e;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/29e77748-bffb-4771-2dd7-6cc565241500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/212b6353-e02f-454e-1197-14f60029bc00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #000000 0%, #000000 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fe7800;
    --background-menu-marquee: #000000;
    --background-border-bottom: #5bd90e;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #000000, #000000) 2 !important;
    --h-left: linear-gradient(to left, #000000, #000000) 2 !important;
    --bg-signIn-border: linear-gradient(60deg, rgba(0, 0, 0, .591) 0%, rgba(0, 0, 0, .591) 100%) !important;
    --bg-signIn-border-solid: 2.5px solid #5bd90e !important;
    --text-color-input-group: #5bd90e;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 152px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgba(80, 195, 3, .751) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(0, 192, 25, 1) 0%, rgba(80, 195, 3, 1) 41%, rgba(125, 203, 0, 1) 83%, rgba(182, 242, 4, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #5bd90e;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ff412d;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: rgb(20 20 20);
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v153] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #030232a8, #02011f73) !important;
    --bg-view-mobile: linear-gradient(182deg, #3719647d, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #b182ef;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain;
    --background-size-mobile-repeat: repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/e6002855-3374-45b2-8d23-97d812733100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8fef9424-6bb3-42f0-1363-1aa71eadaf00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #fff;
    --background-menu-marquee: #22164e;
    --background-border-bottom: #caa835;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023214, #02011f36);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v154] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #008000, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #27960d87, #008000a3) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #82cc2c;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/fadb77a5-1c41-4da4-220c-99c73458db00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/fadb77a5-1c41-4da4-220c-99c73458db00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgb(0 128 0) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 74 2);
    --background-border-box: #fff;
    --background-menu-marquee: #008000 !important;
    --background-border-bottom: #008000;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 2px !important;
    --card-margin-top: 19vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #f7ebc8, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #27960d87, #008000a3);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #82cc2c 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important
}

[data-theme=v155] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: #000;
    --background-image-top: linear-gradient(180deg, #24416b, #16325b) !important;
    --background-image-button: linear-gradient(180deg, #1f3869, #132850) !important;
    --background-image-top-header: linear-gradient(180deg, #1f3869, #132850) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #3073d8, #1a4687) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #c95883, #ca2c5f) !important;
    --v-login-border: 1px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 21px;
    --background-box-content: linear-gradient(0deg, rgb(44 107 202) 0%, rgb(42 103 196) 25%, rgb(25 69 134) 55%, rgb(44 105 198) 77%, rgb(35 90 172) 99%) !important;
    --bg-profile: linear-gradient(180deg, #2e6fd1, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: #06112d !important;
    --bg-app-desktop: #06112d !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #1c58b4, #09244e) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(43 105 197);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(44 107 201);
    --background-border-box: #2a67c3;
    --background-menu-marquee: #320428 !important;
    --background-border-bottom: #2e6fd1;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: #192e4c !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #46adf0;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 72px !important;
    --card-margin-top: 9vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: #192e4c !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #ca2c5f !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: #28a745 !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #fd528a, #861b21) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #05153a;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #22467e, #22467e);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #19305d91, #172d58a1);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #427cd0 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1c3564ab, 0 0 45px #1c3564ab, 0 0 55px #1c3564ab, 0 0 65px #1c3564ab, 0 0 75px #1c3564ab, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3073d8, #1a4687) !important
}

[data-theme=v156] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(74, 74, 74, 1) 0%, rgba(43, 43, 43, 1) 16%, rgba(29, 29, 29, 1) 56%, rgba(8, 8, 8, 1) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgb(0 0 0) 2%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(0deg, rgb(0 0 0) 2%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(214, 150, 22, 1) 0%, rgba(220, 169, 45, 1) 12%, rgba(252, 230, 132, 1) 60%, rgba(249, 210, 91, 1) 92%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgb(30 29 0) 0%, rgb(8 2 16) 10%, rgb(63 64 58) 57%, rgb(69 69 67) 66%, rgb(99 89 88) 100%) !important;
    --v-login-border: 1px solid #fbdd72 !important;
    --v-login-color: #fff;
    --v-login-radius: 26px;
    --background-box-content: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --bg-profile: linear-gradient(155deg, rgba(23, 23, 23, .961) 0%, rgba(1, 1, 1, .961) 12%) !important;
    --bg-view: linear-gradient(93deg, #000000, #3333337d) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #e8bd48;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/87ada65c-546c-4755-ecd7-6125a652ed00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/902e05ca-cf3b-4c7e-78ec-eed2ce5a3500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(177 133 27);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(195 146 26);
    --background-border-box: #dba319;
    --background-menu-marquee: #131313 !important;
    --background-border-bottom: #e8bd48;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgb(50 50 50) 0%, rgb(26 26 26) 46%, rgb(10 10 10) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #e8bd48 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 11px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(181deg, #ffd34e, #794909) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #fff0 !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #fbdd72, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #000000, #3333337d);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #dda419 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #343434, 0 0 45px #343434, 0 0 55px #333333, 0 0 65px #333333, 0 0 75px #323232, 0 0 85px #303030;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v157] {
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --text-contact-1: #000;
    --bg-footer-theme-web: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9bc226e7-5618-4239-ab1d-51015a3bd700/public)center center;
    --bg-footer-theme-web-category: #E6E6E6;
    --background-bg-text-highlight: #000;
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #7a98ff 0, #1a4db0 44%, #1019d7 100%), linear-gradient(180deg, #479be5, #4ba2ec) !important;
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #43e955 0, #43e955 44%, #1e1e1e 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(181deg, #43e955, #1d4020) !important;
    --v-login-border: 1px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 23px;
    --background-box-content: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --bg-profile: linear-gradient(155deg, #000000c9, #00000085) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5a1311aa-11a7-4c6f-b7e7-4ee933459400/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #329c3e73, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #43e955;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f68e05a0-ed42-4cdf-495c-d6d992ad8700/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f68e05a0-ed42-4cdf-495c-d6d992ad8700/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(67 233 85);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(67 233 85);
    --background-border-box: #43e955;
    --background-menu-marquee: #131313 !important;
    --background-border-bottom: #43e955;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgb(50 50 50) 0%, rgb(26 26 26) 46%, rgb(10 10 10) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #43e955 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 11px !important;
    --card-margin-top: 6vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #000000;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(181deg, #43e955, #1d4020) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #43e955;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #43e955, #09b409) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #43e955, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #000000, #3333337d);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #43e955 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #343434, 0 0 45px #343434, 0 0 55px #333333, 0 0 65px #333333, 0 0 75px #323232, 0 0 85px #303030;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #43e955 0, #699f21 44%, #43e955 100%) !important
}

[data-theme=v158] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #01d9fe 0, #022f94 44%, #002b89 100%) !important;
    --background-image-button: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9bc226e7-5618-4239-ab1d-51015a3bd700/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9bc226e7-5618-4239-ab1d-51015a3bd700/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #4c91ff 0, #09effb 44%, #00296a 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #4c91ff 0, #145fd4 44%, #00296a 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #022873, #000000e8) !important;
    --bg-profile: linear-gradient(180deg, #6edde5, #000000e8) !important;
    --bg-view: radial-gradient(100% 100% at 50% 0, #4c91ff 0, #012479 44%, #00296a 100%) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: radial-gradient(100% 100% at 50% 0, #01d9fe 0, #022f94 44%, #002b89 100%) !important;
    --bg-app-desktop: radial-gradient(100% 100% at 50% 0, #01d9fe 0, #022f94 44%, #002b89 100%) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9bc226e7-5618-4239-ab1d-51015a3bd700/public)center center;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(6 169 200);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(7 202 224);
    --background-border-box: #06bbd4;
    --background-menu-marquee: #051d60;
    --background-border-bottom: #09edfa;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: #022770 !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 3px !important;
    --card-margin-top: -5vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: #232325 !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #3965ca !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #2db5ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #0049e282, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #54b3ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #a4e5ff, 0 0 45px #32c4ff, 0 0 55px #32c4ff, 0 0 65px #32c4ff, 0 0 75px #32c4ff, 0 0 85px #32c4ff;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #7a98ff 0, #1a4db0 44%, #1019d7 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v159] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #151518, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #151518, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #030232, #02011f73) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #b182ef;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8a76d0f8-0a94-47ed-8fc0-de9fabde1c00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8a76d0f8-0a94-47ed-8fc0-de9fabde1c00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #1a1a1a, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #4b2381;
    --background-menu-marquee: #22164e;
    --background-border-bottom: #c29af6;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 47px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #655a7a;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #c29af6 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023245, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v160] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(237 47 43) 0%, rgb(149 2 1) 10%, rgb(64 15 0) 57%, rgb(56 10 0) 66%, rgb(66 15 0) 100%) !important;
    --background-image-button: linear-gradient(182deg, #6b0901, #3d0c00), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0aa47b75-ed03-4788-7acb-a3ddc4547e00/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #6b0901, #3d0c00), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0aa47b75-ed03-4788-7acb-a3ddc4547e00/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #f5df30 0, #fe4601 44%, #fd4200 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #f5df30 0, #fe4601 44%, #fd4200 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: radial-gradient(100% 100% at 50% 0, #e82d29 0, #3e0e00 44%, #3e0c00 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #c5b02800, #02011f73) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #e6dc39;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0aa47b75-ed03-4788-7acb-a3ddc4547e00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0aa47b75-ed03-4788-7acb-a3ddc4547e00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: radial-gradient(100% 100% at 50% 0, #e82d29 0, #3e0e00 44%, #3e0c00 100%), linear-gradient(180deg, #fbb21f, #ffc107);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(245 212 44);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(249 163 30);
    --background-border-box: #f89f1c;
    --background-menu-marquee: #390b00;
    --background-border-bottom: #f8e230;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #e82d29 0, #820501 44%, #3f0e00 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 6px !important;
    --card-margin-top: 19vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #e82d29 0, #820501 44%, #3f0e00 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #f6e02f, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023245, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f9e330 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #f22b266b, 0 0 45px #f22b266b, 0 0 55px #f22b266b, 0 0 65px #f22b266b, 0 0 75px #f22b266b, 0 0 85px #f22b266b;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #e82d29 0, #3e0e00 44%, #3e0c00 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v161] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image-button: linear-gradient(182deg, #c6126d, #5f1637), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad17117b-ce10-492a-0836-5d19ffcd9100/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #c6126d, #5f1637), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad17117b-ce10-492a-0836-5d19ffcd9100/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #AA1C64 0%, #66042C 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #AA1C64 0%, #66042C 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #aa1c649c 0%, #4a162cf2 100%) !important;
    --bg-profile: linear-gradient(180deg, #a01a53, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/17993e31-2064-4fac-1914-0dea74487200/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #ffc108;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad17117b-ce10-492a-0836-5d19ffcd9100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad17117b-ce10-492a-0836-5d19ffcd9100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(192 124 102);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(207 145 108);
    --background-border-box: #e2ae76;
    --background-menu-marquee: #4c0a46;
    --background-border-bottom: #ecbc7b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 47px !important;
    --card-margin-top: 4vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5a071, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #c6136d47, #ac0b48b3);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ecbd7b 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #c9137487, 0 0 45px #c9137487, 0 0 55px #c9137487, 0 0 65px #c9137487, 0 0 75px #c9137487, 0 0 85px #c9137487;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #e11062 0, #7d0c3f 44%, #931451 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v162] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #355076, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(138deg, #202023, #202023);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3c1e521a-4eb8-4a86-07ce-980239330a00/public) !important;
    --background-body: linear-gradient(180deg, #0f1620, #0f1620);
    --background-image: linear-gradient(138deg, #15202d, #0d131c);
    --text-color: white;
    --border-solid-menu: 0px solid #ffc10761 !important;
    --border-solid-menu-active: 0px solid #0e9fd3 !important;
    --background-image-top: linear-gradient(180deg, rgb(2 41 84) 0%, rgb(8 70 114) 35%, rgb(3 45 88) 56%, rgb(3 43 86) 74%, rgb(2 40 83) 100%) !important;
    --background-image-button: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-image-top-header: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-banner-top: linear-gradient(180deg, #161f2c, #0d131c);
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: "";
    --v-login: linear-gradient(180deg, #216996 0%, #448fbe 9.38%, #0b5683 27.08%, #09245f 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #3d3d3d61;
    --bg-profile: linear-gradient(180deg, #0a3d71, #0f151fed) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/512fc0cf-85e1-4246-9b22-183b584b3800/public);
    --bs-btn-hover-border-color-refer: #0e9fd3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0a2763, #185b8b) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #e3d083;
    --box-sha-box: inset 0 0 48px 6px rgb(162 125 35);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(159 123 33);
    --background-border-box: #c49d41;
    --background-menu-marquee: #084672;
    --background-border-bottom: #d3ab4e;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --top-logo: 83px !important;
    --bg-signIn-border: linear-gradient(180deg, #01224f, #035079) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #fff !important;
    --card-margin-top: 6vw !important;
    --card-margin-top-signup: -3vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0b5683, #09245f) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #0b5683;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #0e1f3b;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #c8a453;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5a071, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #0846721f, #084672);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e7bd5f 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #c9137487, 0 0 45px #c9137487, 0 0 55px #c9137487, 0 0 65px #c9137487, 0 0 75px #c9137487, 0 0 85px #c9137487;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important
}

[data-theme=v163] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #355076, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(138deg, #202023, #202023);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3c1e521a-4eb8-4a86-07ce-980239330a00/public) !important;
    --background-body: linear-gradient(180deg, #0f1620, #0f1620);
    --background-image: linear-gradient(138deg, #15202d, #0d131c);
    --text-color: white;
    --border-solid-menu: 0px solid #ffc10761 !important;
    --border-solid-menu-active: 0px solid #0e9fd3 !important;
    --background-image-top: linear-gradient(180deg, rgb(2 41 84) 0%, rgb(8 70 114) 35%, rgb(3 45 88) 56%, rgb(3 43 86) 74%, rgb(2 40 83) 100%) !important;
    --background-image-button: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-image-top-header: linear-gradient(to bottom, #022651, #063e6a) !important;
    --background-banner-top: linear-gradient(180deg, #161f2c, #0d131c);
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: "";
    --v-login: linear-gradient(180deg, #216996 0%, #448fbe 9.38%, #0b5683 27.08%, #09245f 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #3d3d3d61;
    --bg-profile: linear-gradient(180deg, #0a3d71, #0f151fed) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/512fc0cf-85e1-4246-9b22-183b584b3800/public);
    --bs-btn-hover-border-color-refer: #0e9fd3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0a2763, #185b8b) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #e3d083;
    --box-sha-box: inset 0 0 48px 6px rgb(162 125 35);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(159 123 33);
    --background-border-box: #c49d41;
    --background-menu-marquee: #084672;
    --background-border-bottom: #d3ab4e;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --top-logo: -25px !important;
    --bg-signIn-border: linear-gradient(180deg, #01224f, #035079) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #fff !important;
    --card-margin-top: 6vw !important;
    --card-margin-top-signup: -3vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #0b5683, #09245f) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #0e1f3b;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5a071, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #0846721f, #084672);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e7bd5f 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #c9137487, 0 0 45px #c9137487, 0 0 55px #c9137487, 0 0 65px #c9137487, 0 0 75px #c9137487, 0 0 85px #c9137487;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important
}

[data-theme=v164] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(54, 248, 9, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(138deg, #202023, #202023);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9bdfa3ca-f478-4abc-9f98-c80dddf2ba00/public) !important;
    --background-body: linear-gradient(180deg, #0f1620, #0f1620);
    --background-image: linear-gradient(138deg, #15202d, #0d131c);
    --text-color: white;
    --border-solid-menu: 0px solid #ffc10761 !important;
    --border-solid-menu-active: 0px solid #0e9fd3 !important;
    --background-image-top: linear-gradient(0deg, rgba(82, 82, 82, 1) 0%, rgba(38, 38, 38, 1) 6%, rgba(79, 79, 79, 1) 48%, rgba(82, 82, 82, 1) 53%, rgba(82, 82, 82, 1) 58%, rgba(38, 38, 38, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(82, 82, 82, 1) 8%, rgba(52, 52, 52, 1) 48%, rgba(18, 18, 18, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(82, 82, 82, 1) 8%, rgba(52, 52, 52, 1) 48%, rgba(18, 18, 18, 1) 100%) !important;
    --background-banner-top: linear-gradient(180deg, #161f2c, #0d131c);
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(0deg, rgba(62, 221, 26, 1) 0%, rgba(40, 171, 10, 1) 6%, rgba(53, 245, 9, 1) 48%, rgba(54, 248, 9, 1) 53%, rgba(53, 245, 9, 1) 58%, rgba(40, 171, 10, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: "";
    --v-login: linear-gradient(0deg, rgba(62, 221, 26, 1) 0%, rgba(40, 171, 10, 1) 6%, rgba(53, 245, 9, 1) 48%, rgba(54, 248, 9, 1) 53%, rgba(53, 245, 9, 1) 58%, rgba(40, 171, 10, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 50px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%);
    --bg-profile: linear-gradient(180deg, rgba(52, 52, 52, .961) 48%, rgba(18, 18, 18, .961) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a41de682-f7e5-476d-5a7d-397a1463b200/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: rgba(54, 248, 9, 1);
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/024c9554-203a-4756-93b2-dc726bea7d00/public);
    --bs-btn-hover-border-color-refer: #0e9fd3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(82, 82, 82, 1) 8%, rgba(52, 52, 52, 1) 48%, rgba(18, 18, 18, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #e3d083;
    --box-sha-box: inset 0 0 48px 6px rgba(54, 248, 9, 1);
    --box-sha-box-webkit: inset 0 0 48px 6px rgba(54, 248, 9, 1);
    --background-border-box: rgba(54, 248, 9, 1);
    --background-menu-marquee: linear-gradient(0deg, rgba(30, 143, 4, 1) 6%, rgba(40, 171, 10, 1) 36%, rgba(53, 245, 9, 1) 100%) !important;
    --background-border-bottom: rgba(54, 248, 9, 1);
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb100, #9f7f3700) 2 !important;
    --h-left: linear-gradient(to left, #9f7f3700, #ffb100) 2 !important;
    --top-logo: 28px !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(82, 82, 82, .91) 0%, rgba(38, 38, 38, .91) 6%, rgba(79, 79, 79, .91) 48%, rgba(82, 82, 82, .91) 53%, rgba(82, 82, 82, .91) 58%, rgba(38, 38, 38, .91) 100%) !important;
    --bg-signIn-border-solid: 2.5px solid rgba(54, 248, 9, 1) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #fff !important;
    --card-margin-top: 20vw !important;
    --card-margin-top-signup: -3vw !important;
    --border-game-solid: rgba(183, 104, 226, .3) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(30, 143, 4, 1) 6%, rgba(40, 171, 10, 1) 36%, rgba(53, 245, 9, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #198754;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #161616;
    --input-group-bg-signin: #161616;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #f7ebc8, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(153deg, #3a3a3a87, #101010a3);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #82cc2c 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(0deg, rgba(62, 221, 26, 1) 0%, rgba(40, 171, 10, 1) 6%, rgba(53, 245, 9, 1) 48%, rgba(54, 248, 9, 1) 53%, rgba(53, 245, 9, 1) 58%, rgba(40, 171, 10, 1) 100%) !important
}

[data-theme=v165] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #008000, #50af1b) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #008000, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ce9f5300-f6bb-4846-bc8a-11d20e0a0f00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #006509b0, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #82cc2c;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/35e70b52-3ee1-4e6c-a7de-f29d025dee00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/35e70b52-3ee1-4e6c-a7de-f29d025dee00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgb(0 128 0) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(198 158 67);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(161 125 35);
    --background-border-box: #9c781e;
    --background-menu-marquee: #008000 !important;
    --background-border-bottom: #008000;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 4px !important;
    --card-margin-top: 1vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #018000;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #f7ebc8, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #27960d21, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e2b95b 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important
}

[data-theme=v166] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #25a8fe, #1020a9) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #13a1fe, #1817ce) !important;
    --background-image-button: linear-gradient(180deg, #13a1fe, #1a43dd) !important;
    --background-image-top-header: linear-gradient(180deg, #13a1fe, #1a43dd) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #da1515, #15a2fe) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #da1515, #15a2fe) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #24a8fe, #1b45de) !important;
    --bg-profile: linear-gradient(180deg, #0f1fa0, #13a0fd82) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1f82f941-18fb-4aa8-8cad-8cb6fdc5c300/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f7f625b3-76b7-4ead-5963-d0e4321aa300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f7f625b3-76b7-4ead-5963-d0e4321aa300/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #03125c, #1828d4) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(25 23 206);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(19 161 254);
    --background-border-box: #13a1fe;
    --background-menu-marquee: #25a8fe !important;
    --background-border-bottom: #da1515;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #03125c, #1828d4) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 60px !important;
    --card-margin-top: 1vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #03125c, #1828d4) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #c22732), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #d00000 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v167] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: #E6E6E6 !important;
    --background-image-button: linear-gradient(180deg, #fff, #fff) !important;
    --background-image-top-header: linear-gradient(180deg, #fff, #fff) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #343434, #0A0A0A) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #fff, #fff) !important;
    --bg-profile: linear-gradient(180deg, #fff, #fff) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/dac174bc-4534-4474-9eb0-21e277cd9600/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #000;
    --menu_icon: #ED2530;
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #000 !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9c5ca26c-56d3-4250-b184-fc3801811700/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ab690c4e-4bdf-40de-1319-787219a6bd00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #1f1f1f, #1f1f1f) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #000;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(40 34 98);
    --background-border-box: #000;
    --background-menu-marquee: #e6e6e6 !important;
    --background-border-bottom: #343434;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #8D8D8D8D, #313131) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #000;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: 17vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #333333, #050505) !important;
    --deposit-bg-popup: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #e6e6e6, #848484) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 0px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #000;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #E6E6E6, #E6E6E6), linear-gradient(180deg, #fff, #343434);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800000);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #74c2e600 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #e6e6e6, 0 0 45px #e6e6e6, 0 0 55px #e6e6e6, 0 0 65px #e6e6e6, 0 0 75px #e6e6e6, 0 0 85px #e6e6e6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #6fbadf 0, #1817d1 44%, #1917cd 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v168] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #0277bd, #039be5) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #0095b5 0, #0196b4 44%, #0196b4 100%) !important;
    --background-image-button: linear-gradient(180deg, #0095b3, #0095b5) !important;
    --background-image-top-header: linear-gradient(180deg, #0095b3, #0095b5) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #94d2f1 0, #0095b5 44%, #022984 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #94d2f1 0, #0095b5 44%, #022984 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgb(46 207 255) 0%, rgb(22 138 237) 10%, rgb(76 202 255) 100%) !important;
    --bg-profile: linear-gradient(0deg, rgb(1 150 180 / 51%) 0%, rgb(0 149 179) 10%, rgb(76 202 255 / 53%) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/516148e4-1888-48a6-a62e-37a2d7ead600/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #febc17;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/21f66674-eaf7-4905-44fa-0481957d1000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/21f66674-eaf7-4905-44fa-0481957d1000/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0095b5, #0095b5) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(88 182 230);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(81 176 226);
    --background-border-box: #4aace0;
    --background-menu-marquee: #0196b4 !important;
    --background-border-bottom: #febc17;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgb(1 150 180) 0%, rgb(0 149 179) 10%, rgb(1 149 179) 57%, rgb(1 150 180) 66%, rgb(0 26 76) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 16px !important;
    --card-margin-top: 17vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgb(1 87 155) 0%, rgb(2 119 189) 10%, rgb(2 136 209) 57%, rgb(3 155 229) 66%, rgb(3 169 244) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(180deg, #01579b, #0277bd) !important;
    --bg-profile-box-overview: #01579b87;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #292363, #282262), linear-gradient(180deg, #fff, #febc17);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #febc17 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #0095b5, 0 0 45px #0095b5, 0 0 55px #0095b5, 0 0 65px #0095b5, 0 0 75px #0095b5, 0 0 85px #0095b5;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #fbbe16 0, #0095b5 44%, #01579b 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v169] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #25a8fe, #1020a9) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #13a1fe, #1817ce) !important;
    --background-image-button: linear-gradient(180deg, #13a1fe, #03125d) !important;
    --background-image-top-header: linear-gradient(180deg, #13a1fe, #03125d) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #0b57d0, #15a2fe) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #0b57d0, #15a2fe) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #24a8fe, #1b45de) !important;
    --bg-profile: linear-gradient(180deg, #0f1fa0, #13a0fd82) !important;
    --bg-view: #2220 !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/76793491-fa73-4e43-f394-00ff78c7df00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/76793491-fa73-4e43-f394-00ff78c7df00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #13a1fe, #1817ce) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(25 23 206);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(19 161 254);
    --background-border-box: #13a1fe;
    --background-menu-marquee: #25a8fe !important;
    --background-border-bottom: #25a8fe;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #000;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #13a1fe, #1817ce) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 42px !important;
    --card-margin-top: 1vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #03125c, #1828d4) !important;
    --deposit-bg-popup: linear-gradient(180deg, #1492f9, #1854e3) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(180deg, #1492f9, #1854e3) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #181bd1 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v170] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(10 10 10) 0%, rgb(0 128 0) 10%, rgb(8 83 5) 57%, rgb(9 82 5) 66%, rgb(8 83 4) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #008000, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #27960d87, #008000a3) !important;
    --bg-view-mobile: linear-gradient(182deg, #006a00d6, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #ffc000;
    --text-theme-menu: #fff;
    --background-size-mobile-size: auto;
    --background-size-mobile-repeat: repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/cf22f141-bb4e-4b6a-6e92-89d78b024d00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/cf22f141-bb4e-4b6a-6e92-89d78b024d00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgb(0 128 0) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(253 190 0);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(112 193 38);
    --background-border-box: #fff;
    --background-menu-marquee: #008000 !important;
    --background-border-bottom: #ffc000;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -20px !important;
    --card-margin-top: 1vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgba(130, 204, 44, 1) 14%, rgba(0, 128, 0, 1) 56%, rgba(0, 128, 0, 1) 74%, rgba(130, 204, 44, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #ffc000, #eeb30e);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #339e11;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #ffc000 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #f7ebc8, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #27960d00, #00800000);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ffc000 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #ffc000, 0 0 45px #ffc000, 0 0 55px #ffc000, 0 0 65px #ffc000, 0 0 75px #ffc000, 0 0 85px #ffc000;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ffc000 0, #008000 44%, #008000 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v171] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-image: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --v-login-border: 1px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 23px;
    --background-box-content: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --bg-profile: linear-gradient(155deg, #000000c9, #00000085) !important;
    --bg-view: linear-gradient(93deg, #000000, #3333337d) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #d5ad50;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5a158217-afd6-4270-4b21-1ba4f4d1be00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1eec9063-55cb-4fdf-2dec-d8b911467d00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(154 123 40);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(133 99 9);
    --background-border-box: #8d6a10;
    --background-menu-marquee: #131313 !important;
    --background-border-bottom: #d5ad50;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgb(50 50 50) 0%, rgb(26 26 26) 46%, rgb(10 10 10) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #d5ad50 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 22px !important;
    --card-margin-top: 20vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #000000;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #f0cf8c, #b7873f) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #856309, #101010), linear-gradient(180deg, #d5ad50, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #000, #3333337d);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #c7b053 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #343434, 0 0 45px #343434, 0 0 55px #333333, 0 0 65px #333333, 0 0 75px #323232, 0 0 85px #303030;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important
}

[data-theme=v1711] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-image: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #ffffff 0, #08c9c6 44%, #1a7b99 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #ffffff 0, #08c9c6 44%, #1a7b99 100%) !important;
    --v-login-border: 1px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 23px;
    --background-box-content: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --bg-profile: linear-gradient(155deg, #000000c9, #00000085) !important;
    --bg-view: linear-gradient(93deg, #000000, #3333337d) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #38beb8;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: radial-gradient(100% 100% at 50% 0, #000000 0, #08c9c6 44%, #1a7b99 100%) !important;
    --bg-app-desktop: radial-gradient(100% 100% at 50% 0, #000000 0, #08c9c6 44%, #1a7b99 100%) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --background-border-box: #38beb9;
    --background-border-bottom: #c39c3b;
    --background-menu-marquee: #131313 !important;
    --background-border-bottom: #38beb8;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgb(6 183 181) 0%, rgb(0 0 0) 46%, rgb(10 10 10) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #38beb8 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -12px !important;
    --card-margin-top: 8vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #ffffff 0, #08c9c6 44%, #1a7b99 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: radial-gradient(100% 100% at 50% 0, #ffffff 0, #08c9c6 44%, #1a7b99 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: radial-gradient(100% 100% at 50% 0, #ffffff 0, #08c9c6 44%, #1a7b99 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #000000;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgb(13 251 247) 0%, rgb(12 243 241) 35%, rgb(7 188 185) 56%, rgb(12 240 239) 74%, rgb(8 202 202) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #000;
    --v-resgister-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #0a2124;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #f0cf8c, #b7873f) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #38beb9, #101010), linear-gradient(180deg, #0be5e3, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #26d3cf, #0addda 31.53%, #0befee 64.87%, #08ccca);
    --MenuLeft-af: linear-gradient(93deg, #000, #3333337d);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #0be7e5 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #343434, 0 0 45px #343434, 0 0 55px #333333, 0 0 65px #333333, 0 0 75px #323232, 0 0 85px #303030;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #26d3cf, #0addda 31.53%, #0befee 64.87%, #08ccca) !important;
    --swal2-title: #ff0000 !important;
    --swal2-popup: #000000b0 !important;
    --swal2-confirm: #fff !important;
    --swal2-cancel: #fff !important
}

[data-theme=v172] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1px solid #c39c3b !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #fff287, #9d6a29) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgb(30 29 0) 0%, rgb(8 2 16) 10%, rgb(63 64 58) 57%, rgb(69 69 67) 66%, rgb(99 89 88) 100%) !important;
    --v-login-border: 2px solid #c39c3b !important;
    --v-login-color: #fff;
    --v-login-radius: 23px;
    --background-box-content: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --bg-profile: linear-gradient(155deg, #000000c9, #00000085) !important;
    --bg-view: linear-gradient(93deg, #000000, #3333337d) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #c39c3b;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/749cb257-f649-4ee8-8039-794dbb05b500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/749cb257-f649-4ee8-8039-794dbb05b500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(185 166 87);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(191 172 92);
    --background-border-box: #c39c3b;
    --background-menu-marquee: #131313 !important;
    --background-border-bottom: #c39c3b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgb(50 50 50) 0%, rgb(26 26 26) 46%, rgb(10 10 10) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #d5ad50 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -14px !important;
    --card-margin-top: 2vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #000000;
    --bg-profile-box-overview: #6f6f6f1f;
    --text-color-text-web: #fff;
    --pagination-button--active: #c39c3b !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(181deg, #ffd34e, #794909) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #f0cf8c, #b7873f) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5ad50, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #000000, #3333337d);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ecbd7b 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #343434, 0 0 45px #343434, 0 0 55px #333333, 0 0 65px #333333, 0 0 75px #323232, 0 0 85px #303030;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v173] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #d36cf9 0, #8516a2 44%, #c859f7 100%) !important;
    --background-image-button: linear-gradient(182deg, #8620d8, #d75cfd), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #8620d8, #d75cfd), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #ee1279 0, #f70668 44%, #f360c4 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #ee1279 0, #f70668 44%, #f360c4 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b13de173-2ede-4f42-3fc6-aa84dc7c3600/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #83e809;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/e94967ec-61ca-4b1b-9e8a-f84cda20b900/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/e94967ec-61ca-4b1b-9e8a-f84cda20b900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(247 17 115);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(245 48 147);
    --background-border-box: #f70668;
    --background-menu-marquee: #32175d;
    --background-border-bottom: #83e809;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #c955fe 0, #8a23e2 44%, #a948f7 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -30px !important;
    --card-margin-top: 27vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c955fe 0, #8a23e2 44%, #a948f7 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c955fe 0, #8a23e2 44%, #a948f7 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgb(253 127 181) 0%, rgb(239 61 129) 8%, rgb(244 3 94) 51%, rgb(237 8 120) 58%, rgb(245 4 107) 83%, rgb(238 59 146) 97%, rgb(223 88 177) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 20px;
    --left-radius: 20px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #ae3fd654, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #83e809 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ee1279 0, #f70668 44%, #f360c4 100%) !important
}

[data-theme=v174] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 0px solid #efd08d !important;
    --border-solid-menu-active: 0px solid #efd08d !important;
    --background-body: linear-gradient(to bottom, #7f0100 0%, #2c0001 100%);
    --background-image: linear-gradient(to bottom, #7f0100 0%, #2c0001 100%);
    --text-color: white;
    --background-image-top: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/57cc1b71-e5b2-43f8-4ead-f3668953dd00/public) !important;
    --background-image-button: linear-gradient(to bottom, #7f0100 0%, #2c0001 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #7f0100 0%, #2c0001 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b9bb9966-ea6b-4410-46ac-48805b904600/public) !important;
    --background-menu-active-shadow: 0 0px 0px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(37deg, rgb(187 50 4) 0%, rgb(92 23 22) 49%, rgb(172 44 3) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1cba 10%, #4e1413bd 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/45e9a262-316c-4233-295e-faf13b148900/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #440001 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9f38307c-e782-4730-b4a2-d575ef1df000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9f38307c-e782-4730-b4a2-d575ef1df000/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #7f0100 0%, #2c0001 100%) !important;
    --shadow-nav-link: 0 0px 0px rgb(0 0 0 / 0%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(113 26 24);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(113 26 24);
    --background-border-box: #efd08d;
    --background-menu-marquee: #4e1413;
    --background-border-bottom: #efd08d;
    --text-menu-bottom: #fbead1;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --text-color-input-group: #efd08d;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 10px !important;
    --card-margin-top: 20vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #efd08d !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #6f1c1a, #4e1413) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #efd08d;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(45deg, transparent 0%, #efd08d 50%, transparent 100%);
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .9rem .3rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: 1.5rem 1.5rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsl(0deg 0% 100% / 0%);
    --nav-link-menu: linear-gradient(180deg, #8f1f1d, #841d1b), linear-gradient(180deg, #dfbb7f, #efd08d);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #efd08d 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #efd08d 0, #7b1d1a 44%, #7f1d1b 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v175] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 1.8px solid #fff !important;
    --border-solid-menu-active: 1.8px solid #fff !important;
    --background-body: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --background-image: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #861e1c, #4e1413) !important;
    --background-image-button: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #4e1413, #c12509) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(198, 133, 21, 1) 0%, rgba(236, 170, 38, 1) 12%, rgba(252, 245, 129, 1) 56%, rgba(234, 201, 85, 1) 87%, rgba(213, 183, 77, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5c83b2d0-f0db-4349-9c33-3723c842da00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/06121b27-d2b8-42f6-a39e-f5539173cf00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/06121b27-d2b8-42f6-a39e-f5539173cf00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #861e1c, #4e1413) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(113 26 24);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(113 26 24);
    --background-border-box: #fff;
    --background-menu-marquee: #4e1413;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 10px !important;
    --card-margin-top: -7vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #fff !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #6f1c1a, #4e1413) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #fff;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #561514;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #8f1f1d, #841d1b), linear-gradient(180deg, #fff, #fff);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #fff 31.53%, #fff 64.87%, #fff);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fdfdfd 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #efd08d 0, #c82506 44%, #c72607 100%), linear-gradient(180deg, #fff, #fff) !important
}

[data-theme=v176] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 1.8px solid #fff !important;
    --border-solid-menu-active: 1.8px solid #fff !important;
    --background-body: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --background-image: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #861e1c, #4e1413) !important;
    --background-image-button: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #4e1413, #c12509) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(198, 133, 21, 1) 0%, rgba(236, 170, 38, 1) 12%, rgba(252, 245, 129, 1) 56%, rgba(234, 201, 85, 1) 87%, rgba(213, 183, 77, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5c83b2d0-f0db-4349-9c33-3723c842da00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/06121b27-d2b8-42f6-a39e-f5539173cf00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/06121b27-d2b8-42f6-a39e-f5539173cf00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #861e1c, #4e1413) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(113 26 24);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(113 26 24);
    --background-border-box: #fff;
    --background-menu-marquee: #4e1413;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 10px !important;
    --card-margin-top: 4vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #fff !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #6f1c1a, #4e1413) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #fff;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #561514;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #8f1f1d, #841d1b), linear-gradient(180deg, #fff, #fff);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #fff 31.53%, #fff 64.87%, #fff);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fdfdfd 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #efd08d 0, #c82506 44%, #c72607 100%), linear-gradient(180deg, #fff, #fff) !important
}

[data-theme=v177] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 1.8px solid #fff !important;
    --border-solid-menu-active: 1.8px solid #fff !important;
    --background-body: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --background-image: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #861e1c, #4e1413) !important;
    --background-image-button: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #4e1413, #c12509) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(198, 133, 21, 1) 0%, rgba(236, 170, 38, 1) 12%, rgba(252, 245, 129, 1) 56%, rgba(234, 201, 85, 1) 87%, rgba(213, 183, 77, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/97660a2f-3eb3-44bf-6f82-58498d4bea00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/023fd3ce-3638-4539-5bfc-59a1b9c22000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/023fd3ce-3638-4539-5bfc-59a1b9c22000/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #861e1c, #4e1413) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(113 26 24);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(113 26 24);
    --background-border-box: #fff;
    --background-menu-marquee: #4e1413;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -9px !important;
    --card-margin-top: 10vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #fff !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #6f1c1a, #4e1413) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #fff;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #561514;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 2px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #8f1f1d, #841d1b), linear-gradient(180deg, #fff, #fff);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #fff 31.53%, #fff 64.87%, #fff);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fdfdfd 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #efd08d 0, #6b1917 44%, #6c1918 100%), linear-gradient(180deg, #fff, #fff) !important
}

[data-theme=v178] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 0px solid #fff !important;
    --border-solid-menu-active: 0px solid #fff !important;
    --background-body: linear-gradient(to bottom, #000000 0%, #4e1413 100%);
    --background-image: linear-gradient(to bottom, #000000 0%, #4e1413 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #0e0d0d, #4e1413) !important;
    --background-image-button: linear-gradient(to bottom, #000000 0%, #4e1413 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #000000 0%, #4e1413 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #4e1413, #c12509) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(198, 133, 21, 1) 0%, rgba(236, 170, 38, 1) 12%, rgba(252, 245, 129, 1) 56%, rgba(234, 201, 85, 1) 87%, rgba(213, 183, 77, 1) 100%) !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1cb8 10%, #4e1413c9 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5c83b2d0-f0db-4349-9c33-3723c842da00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/06121b27-d2b8-42f6-a39e-f5539173cf00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/06121b27-d2b8-42f6-a39e-f5539173cf00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #7f0100 0%, #2c0001 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(113 26 24);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(113 26 24);
    --background-border-box: #fff;
    --background-menu-marquee: #4e1413;
    --background-border-bottom: #bd2409;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 10px !important;
    --card-margin-top: 16vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #fff !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #6f1c1a, #4e1413) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #fff;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #561514;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #8f1f1d, #841d1b), linear-gradient(180deg, #4d1413, #bd2409);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #c02509 31.53%, #c02509 64.87%, #c02509);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #bd2409 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #c02509 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #c02509 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #3e1211 0, #4a1714 44%, #c72607 100%), linear-gradient(180deg, #bb2409, #b52409) !important
}

[data-theme=v179] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #25a8fe, #1020a9) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #35baf9 0, #4456b9 44%, #222d6a 100%) !important;
    --background-image-button: radial-gradient(100% 100% at 50% 0, #35baf9 0, #4456b9 44%, #222d6a 100%) !important;
    --background-image-top-header: radial-gradient(100% 100% at 50% 0, #35baf9 0, #4456b9 44%, #222d6a 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #00BFFF, #15a2fe) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #1819d0, #1572ef) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #24a8fe, #1b45de) !important;
    --bg-profile: linear-gradient(180deg, #0f1fa0, #13a0fd82) !important;
    --bg-view: linear-gradient(360deg, #00000000 0%, #4260bf 100%);
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/609be906-8ab7-4a94-4c07-60e9f0af1000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/609be906-8ab7-4a94-4c07-60e9f0af1000/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: radial-gradient(100% 100% at 50% 0, #35baf9 0, #4456b9 44%, #222d6a 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(25 23 206);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(19 161 254);
    --background-border-box: #13a1fe;
    --background-menu-marquee: #25a8fe !important;
    --background-border-bottom: #2197ea;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #13a1fe, #1817ce) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 42px !important;
    --card-margin-top: 30vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #1492f9, #1854e3) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(180deg, #1492f9, #1854e3) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #181bd1 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #3a95e1;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #25a8fea6, #303e8a61);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v180] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #5e5664 0, #333333 44%, #2b2b2b 100%) !important;
    --background-image-button: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8c76bf3a-c162-4575-6201-f03856e0c600/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #b182ef;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0b87665b-ddd2-4792-ab3f-e5ec7fdd6100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0b87665b-ddd2-4792-ab3f-e5ec7fdd6100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(174 138 222);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(174 138 222);
    --background-border-box: #cba2ff;
    --background-menu-marquee: #22164e;
    --background-border-bottom: #cba2ff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 73px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f2e;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #cba2ff;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #4c238375, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v181] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ccbf80 !important;
    --border-solid-menu-active: 1px solid #ccbf80 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(144deg, #580909, #1e0603) !important;
    --background-image-button: linear-gradient(180deg, #5b0b0b, #2c0a06);
    --background-image-top-header: linear-gradient(180deg, #5b0b0b, #2c0a06);
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(343deg, #390d07, #a20908) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(343deg, #390d07, #a20908) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #390e0fba, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0b68c1f8-5939-4b9c-6d60-184560b38200/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/45c64023-d0ea-4aff-b30d-2bb8d4a83e00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/45c64023-d0ea-4aff-b30d-2bb8d4a83e00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #771514, #270602);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(174 138 222 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(174 138 222 / 0%);
    --background-border-box: #981818;
    --background-menu-marquee: #330809;
    --background-border-bottom: #ccbf80;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #a76430 0, #3c0806 44%, #371115 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -4px !important;
    --card-margin-top: 24vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #a76430 0, #3c0806 44%, #371115 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f2e;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #771111, #2e0b06), linear-gradient(180deg, #f8f266, #3d0d08);
    --btn-primary-nav: linear-gradient(180deg, #540c0b, #33080a), linear-gradient(125deg, #ebb100, #6c451e 31.53%, #ebb100 64.87%, #907505);
    --MenuLeft-af: linear-gradient(93deg, #4c238300, #490b094f);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #c17f2e 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ebb10000 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ebb10000 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #540c0b, #33080a), linear-gradient(125deg, #ebb100, #6c451e 31.53%, #ebb100 64.87%, #907505)
}

[data-theme=v182] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 0px solid #efd08d !important;
    --border-solid-menu-active: 1.8px solid #efd08d !important;
    --background-body: linear-gradient(to bottom, #180c07 0%, #242424 100%);
    --background-image: linear-gradient(to bottom, #180c07 0%, #242424 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #190e09, #201d1c) !important;
    --background-image-button: linear-gradient(to bottom, #180c07 0%, #242424 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #180c07 0%, #242424 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #efd08d, #1a100c) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(37deg, rgba(232, 199, 155, 1) 0%, rgba(202, 149, 83, 1) 49%, rgba(231, 199, 156, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #180c07 0%, #242424 100%) !important;
    --bg-view: linear-gradient(0deg, #1c1410, #22201fb8) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8d33d2df-af6f-46a6-4a03-526cbcc39300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8d33d2df-af6f-46a6-4a03-526cbcc39300/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #180c07 0%, #242424 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(239 208 141);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(239 208 141);
    --background-border-box: #efd08d;
    --background-menu-marquee: #1a0f0b;
    --background-border-bottom: #efd08d;
    --text-menu-bottom: #fbead1;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #eecf8c 0%, #242424 100%) !important;
    --text-color-input-group: #efd08d;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 69px !important;
    --card-margin-top: 13vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #efd08d !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #efd08d, #1a100c) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #efd08d;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #190f0b, #211e1c), linear-gradient(180deg, #dfbb7f, #efd08d);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #efd08d 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #efd08d 0, #594832 44%, #1f1b19 100%), linear-gradient(180deg, #efd08d, #efd08d) !important
}

[data-theme=v183] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #FF3333, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #FF3333 !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 0px solid #FF3333 !important;
    --border-solid-menu-active: 1.8px solid #FF3333 !important;
    --background-body: linear-gradient(to bottom, #FF3333 0%, #242424 100%);
    --background-image: linear-gradient(to bottom, #FF3333 0%, #242424 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #fe3333, #8b2b2b) !important;
    --background-image-button: linear-gradient(to bottom, #FF3333 0%, #242424 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #FF3333 0%, #242424 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #FF3333, #1a100c) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(37deg, rgba(232, 199, 155, 1) 0%, rgba(202, 149, 83, 1) 49%, rgba(231, 199, 156, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #180c07 0%, #FF3333 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a6e478a3-2a1c-4b3d-8e9e-543789300200/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3619f3d6-aa3f-4ecf-208d-99816e2a5800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3619f3d6-aa3f-4ecf-208d-99816e2a5800/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #180c07 0%, #FF3333 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(254 51 51);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(254 51 51);
    --background-border-box: #FF3333;
    --background-menu-marquee: #1a0f0b;
    --background-border-bottom: #FF3333;
    --text-menu-bottom: #fbead1;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #fe3333 0%, #242424 100%) !important;
    --text-color-input-group: #FF3333;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -10px !important;
    --card-margin-top: -8vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #FF3333 !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #FF3333, #1a100c) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #FF3333;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #190f0b, #211e1c), linear-gradient(180deg, #dfbb7f, #FF3333);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #FF3333 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #FF333370, 0 0 45px #FF333370, 0 0 55px #FF333370, 0 0 65px #FF333370, 0 0 75px #FF333370, 0 0 85px #FF333370;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #FF3333 0, #1e1e1e 44%, #1f1b19 100%), linear-gradient(180deg, #FF3333, #efd08d) !important
}

[data-theme=v184] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 0px solid #efd08d !important;
    --border-solid-menu-active: 0px solid #efd08d !important;
    --background-body: linear-gradient(180deg, #5b0002, #0e0e0e);
    --background-image: linear-gradient(180deg, #5b0002, #0e0e0e);
    --text-color: white;
    --background-image-top: linear-gradient(144deg, #383838, #101010) !important;
    --background-image-button: linear-gradient(180deg, #5b0002, #0e0e0e) !important;
    --background-image-top-header: linear-gradient(180deg, #5b0002, #0e0e0e) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(343deg, #580002, #c11010) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(343deg, #580002, #c11010) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --bg-view: linear-gradient(0deg, #861e1c63, #4e14138a) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/049bfd1d-787d-4cd3-4341-99e04ebd5300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/049bfd1d-787d-4cd3-4341-99e04ebd5300/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #861e1c, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(175 3 3);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(228 4 5);
    --background-border-box: #fb0104;
    --background-menu-marquee: #101010;
    --background-border-bottom: #8a1e1c;
    --text-menu-bottom: #fbead1;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #101010, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #101010) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #101010 100%) !important;
    --text-color-input-group: #8a1e1c;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 10px !important;
    --card-margin-top: 34vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #efd08d !important;
    --bg-menu-popup-modal: linear-gradient(343deg, #580002, #c11010) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #efd08d;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsl(0deg 100% 52% / 60%);
    --nav-link-menu: linear-gradient(144deg, #383838, #101010), linear-gradient(180deg, #dfbb7f, #efd08d);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ff0004 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca00 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca00 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000)
}

[data-theme=v185] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #030232, #02011f73) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #b182ef;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1a25d162-9101-4f4c-5cd1-f9521f065100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1a25d162-9101-4f4c-5cd1-f9521f065100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #fff;
    --background-menu-marquee: #22164e;
    --background-border-bottom: #caa835;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v185] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #3f0065, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #3f0065, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #efc41a 0, #420068 44%, #3e0061 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d9f06452-f032-400b-a1e6-6705c4968f00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #e3ba1f;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/837986ad-fc8b-4fcb-7985-cd0d52c0e000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/837986ad-fc8b-4fcb-7985-cd0d52c0e000/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #3f0064, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #caa835;
    --background-menu-marquee: #22164e;
    --background-border-bottom: #caa835;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 9px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgb(239 204 69) 0%, rgb(229 190 50) 8%, rgb(220 172 31) 51%, rgb(233 188 27) 58%, rgb(237 192 23) 83%, rgb(239 206 67) 97%, rgb(231 187 49) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgb(239 204 69) 0%, rgb(229 190 50) 8%, rgb(220 172 31) 51%, rgb(233 188 27) 58%, rgb(237 192 23) 83%, rgb(239 206 67) 97%, rgb(231 187 49) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #e8bc1b;
    --x-header-bottom: 2px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsl(48deg 87.76% 51.96%);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #efc61b 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v1611] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image-button: linear-gradient(182deg, #c6126d, #5f1637), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad17117b-ce10-492a-0836-5d19ffcd9100/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #c6126d, #5f1637), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad17117b-ce10-492a-0836-5d19ffcd9100/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #AA1C64 0%, #66042C 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #AA1C64 0%, #66042C 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #aa1c649c 0%, #4a162cf2 100%) !important;
    --bg-profile: linear-gradient(180deg, #a01a53, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/17993e31-2064-4fac-1914-0dea74487200/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #ffc108;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad17117b-ce10-492a-0836-5d19ffcd9100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad17117b-ce10-492a-0836-5d19ffcd9100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(192 124 102);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(207 145 108);
    --background-border-box: #e2ae76;
    --background-menu-marquee: #4c0a46;
    --background-border-bottom: #ecbc7b;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 23px !important;
    --card-margin-top: 4vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5a071, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #c6136d47, #ac0b48b3);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ecbd7b 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #c9137487, 0 0 45px #c9137487, 0 0 55px #c9137487, 0 0 65px #c9137487, 0 0 75px #c9137487, 0 0 85px #c9137487;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #e11062 0, #7d0c3f 44%, #931451 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v187] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #083afe, #040e30), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #083afe, #040e30), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #a2aac9 0, #0630ce 44%, #062ec6 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #0a2694a6, #000000e8) !important;
    --bg-view: linear-gradient(189deg, #0729aba3, #000000) !important;
    --bg-view-mobile: linear-gradient(189deg, #0729aba3, #000000) !important;
    --bg-frame-2-black: linear-gradient(180deg, #0630d0 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/15c2da7c-3f9a-45b7-84b0-5fa495b79000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8a6187e0-5b97-45f3-5749-a13cb2fd6600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #0735e7, #051348), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #fff;
    --background-menu-marquee: #101011;
    --background-border-bottom: #09a2f6;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #e8eaf2 0, #0630d1 44%, #0c217a 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 13vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #e8eaf2 0, #0630d1 44%, #0c217a 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #e8eaf2 0, #0630d1 44%, #0c217a 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #09a2f6 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #0734e4 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ffffff 0, #062fcb 44%, #052cbd 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v188] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #fff !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #a8ffde 0, #89bca9 44%, #89bca9 100%) !important;
    --background-image-button: linear-gradient(176deg, #91ffca, #8cc0a7), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center;
    --background-image-top-header: linear-gradient(176deg, #91ffca, #8cc0a7), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #abffd7 0, #3ae2b6 44%, #3fcba7 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #59837d !important;
    --bg-profile: linear-gradient(180deg, #2de6b7db, #0d3429) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1db13e8b-ffb9-4d8e-9a77-c262a3591800/public);
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #73FFB6 0%, #00AB75 100%);
    --text-theme: #000;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a2a77612-1e01-432c-2ffe-ba314c8ef100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a2a77612-1e01-432c-2ffe-ba314c8ef100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #90f1c2, #1a6752);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #000;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: #fff;
    --background-menu-marquee: #d5ffeb;
    --background-border-bottom: #fff;
    --text-menu-bottom: #000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #abffd7 0, #3ae2b6 44%, #3fcba7 100%), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #000;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #abffd7 0, #3ae2b6 44%, #3fcba7 100%), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #000;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #ffffff, #cac9c9), linear-gradient(125deg, #7cd0bc, #45b698 31.53%, #57bea4 64.87%, #8ddfd0);
    --MenuLeft-af: linear-gradient(93deg, #8edab5, #8cc6aa99);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #d3feea 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #abffd7 0, #3ae2b6 44%, #3fcba7 100%), linear-gradient(180deg, #ffffff, #ffffff)
}

[data-theme=v189] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #0152d0 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --background-image-button: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center;
    --background-image-top-header: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #4c91ff 0, #145fd4 44%, #00296a 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #4288f7 !important;
    --bg-profile: linear-gradient(180deg, #181e56e8, #151e5d) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d17a1aab-b0c5-4ab7-0c5a-51368b330000/public);
    --bg-view-mobile: linear-gradient(182deg, #01378b9e, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain !important;
    --background-size-mobile-repeat: repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ae580c47-1a42-40d6-b121-a59d28654b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3d34be6f-8f80-4f7f-de4c-8fea88bdce00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: #fff;
    --background-menu-marquee: #051d60;
    --background-border-bottom: #4288f7;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #7a98ff 0, #1a4db0 44%, #1019d7 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -17px !important;
    --card-margin-top: -11vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #7a98ff 0, #1a4db0 44%, #1019d7 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #2db5ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #04145361, #00449f1c);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #4288f7 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #7a98ff 0, #1a4db0 44%, #1019d7 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v190] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #770b06, #d21710), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-image-top-header: linear-gradient(182deg, #770b06, #d21710), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #cea2a0 0, #c6150f 44%, #680a06 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #cea2a0 0, #c6150f 44%, #680a06 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #b7130aed, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #8d0c08bf, #810d0773) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #caa835;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1ad1c82f-9fd0-443e-0700-a4904367c600/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1ad1c82f-9fd0-443e-0700-a4904367c600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #720905, #d61410), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(150 123 45);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(181 150 49);
    --background-border-box: #ad8f30;
    --background-menu-marquee: #680a06;
    --background-border-bottom: #caa835;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 2vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #b3130c 0, #870b07 44%, #780a06 100%) !important;
    --bg-profile-box-overview: #6f6f6f40;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #3a3535;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d68c00, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #b4130d00, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #caa835 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #ae120c, 0 0 45px #ae120c, 0 0 55px #ae120c, 0 0 65px #ae120c, 0 0 75px #ae120c, 0 0 85px #ae120c;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #c58700 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #c58700 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important
}

[data-theme=v191] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --background-image-button: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f714552b-1168-492b-3aae-580beb037100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #572996 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #b182ef;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/44b4e724-fc2c-45ce-80ad-2ccde0898500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/44b4e724-fc2c-45ce-80ad-2ccde0898500/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(80 50 141);
    --background-border-box: #b182ef;
    --background-menu-marquee: #22164e;
    --background-border-bottom: #caa835;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -10px !important;
    --card-margin-top: -3vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #030232, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v1911] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #ff3d3e !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --background-image-button: linear-gradient(180deg, #5b0002, #0e0e0e);
    --background-image-top-header: linear-gradient(180deg, #5b0002, #0e0e0e);
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(343deg, #580002, #c11010) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(343deg, #580002, #c11010) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #ff0004c9, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/449ae34e-d5d6-4e61-a870-91fbafb5a000/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --text-theme: #ffffff;
    --menu_icon: #ff0004;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d8617f9c-f878-4052-e599-9104e6bedd00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f60a541e-e4e8-495e-f0e4-23c7d8dc4400/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #950200, #080100);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(44 44 44);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(44 44 44);
    --background-border-box: #ff0004;
    --background-menu-marquee: #101010;
    --background-border-bottom: #caa835;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 6vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(343deg, #580002, #c11010) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsl(0deg 100% 52% / 60%);
    --nav-link-menu: linear-gradient(180deg, #535353, #000000), linear-gradient(180deg, #ba1a1b, #2f0707);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000);
    --MenuLeft-af: linear-gradient(93deg, #17171e, #000000a6);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ff0004 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #3d0507, 0 0 45px #3d0507, 0 0 55px #3d0507, 0 0 65px #3d0507, 0 0 75px #3d0507, 0 0 85px #3d0507;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #7c0c0c 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #7c0c0c 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000)
}

[data-theme=v1644] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #cdcdcd, #fff) !important;
    --background-image-button: linear-gradient(180deg, #cdcdcd, #fff) !important;
    --background-image-top-header: linear-gradient(180deg, #cdcdcd, #fff) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #ffffff 0, #131313 44%, #222222 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #9a9b9a, #fff) !important;
    --bg-profile: linear-gradient(180deg, #9a9b9a, #fff) !important;
    --bg-view: #2222 !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #c1c1c1 0%, #dadada 100%);
    --text-theme: #000;
    --menu_icon: #000;
    --text-theme-menu: #000;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #000 !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9c5ca26c-56d3-4250-b184-fc3801811700/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ab690c4e-4bdf-40de-1319-787219a6bd00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #343434, #1f1f1f) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #000;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(251 252 251);
    --background-border-box: #000;
    --background-menu-marquee: #e6e6e6 !important;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #8D8D8D8D, #313131) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #000;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #333333, #050505) !important;
    --deposit-bg-popup: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #e6e6e6, #dedede) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #b0b1b0;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 1px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #000;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #c8c8c8, #cccccc), linear-gradient(180deg, #fff, #e6e7e6);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800000);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #74c2e600 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #e6e6e6, 0 0 45px #e6e6e6, 0 0 55px #e6e6e6, 0 0 65px #e6e6e6, 0 0 75px #e6e6e6, 0 0 85px #e6e6e6;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ffffff 0, #131313 44%, #222222 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v192] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #062fc7, #040e30), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-image-top-header: linear-gradient(182deg, #062fc7, #040e30), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #041657 0, #0630ce 44%, #041347 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #0a2694a6, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8a6187e0-5b97-45f3-5749-a13cb2fd6600/public);
    --bg-view-mobile: linear-gradient(182deg, #072dbf70, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #0630d0 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/15c2da7c-3f9a-45b7-84b0-5fa495b79000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8756c97c-c0fd-4c68-a8ff-19cef1500b00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #0735e7, #051348), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #fff;
    --background-menu-marquee: #101011;
    --background-border-bottom: #09a2f6;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #000000 0, #0630d1 44%, #0c217a 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 6vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #0c2487 0, #0630d1 44%, #000000 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #e8eaf2 0, #0630d1 44%, #0c217a 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #09a2f6 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #041657 0, #0630ce 44%, #041347 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #16c4f6, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023200, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #0086e6 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ffffff 0, #062fcb 44%, #052cbd 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v193] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #711463 0, #2d1120 44%, #1c1117 100%) !important;
    --background-image-button: linear-gradient(182deg, #930f58, #111111), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-image-top-header: linear-gradient(182deg, #930f58, #111111), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #6a1042 0, #681041 44%, #dba811 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #6a1042 0, #681041 44%, #dba811 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #5e2351d9, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c156a454-f7cc-48e0-b519-89d230347f00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #4b1031 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #ffe96f;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/baf51ec7-baab-48da-dcc1-1c6d5280d600/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/baf51ec7-baab-48da-dcc1-1c6d5280d600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #930f58, #111111), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(83 16 53);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(81 16 52);
    --background-border-box: #ffe970;
    --background-menu-marquee: #22111a;
    --background-border-bottom: #ffe96f;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #711463 0, #2d1120 44%, #1c1117 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -17px !important;
    --card-margin-top: 0vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #711463 0, #2d1120 44%, #1c1117 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #711463 0, #2d1120 44%, #1c1117 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #551036, #2a111f), linear-gradient(180deg, #fbe66e, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #3d1129a1, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ffe970 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #6a1042 0, #681041 44%, #dba811 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v194] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #711463 0, #2d1120 44%, #1c1117 100%) !important;
    --background-image-button: linear-gradient(182deg, #930f58, #111111), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-image-top-header: linear-gradient(182deg, #930f58, #111111), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #6a1042 0, #681041 44%, #dba811 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #6a1042 0, #681041 44%, #dba811 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #5e2351d9, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c156a454-f7cc-48e0-b519-89d230347f00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #4b1031 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #ffe96f;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/baf51ec7-baab-48da-dcc1-1c6d5280d600/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/baf51ec7-baab-48da-dcc1-1c6d5280d600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #930f58, #111111), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(83 16 53);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(81 16 52);
    --background-border-box: #ffe970;
    --background-menu-marquee: #22111a;
    --background-border-bottom: #ffe96f;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #711463 0, #2d1120 44%, #1c1117 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -17px !important;
    --card-margin-top: 0vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #711463 0, #2d1120 44%, #1c1117 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #711463 0, #2d1120 44%, #1c1117 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #551036, #2a111f), linear-gradient(180deg, #fbe66e, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #3d1129a1, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ffe970 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #6a1042 0, #681041 44%, #dba811 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v195] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #290a0c 0, #410d0f 44%, #101010 100%) !important;
    --background-image-button: linear-gradient(180deg, #1e080a 0%, #591112 90%) !important;
    --background-image-top-header: linear-gradient(180deg, #1e080a 0%, #591112 90%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #390c0e 0, #4b0f10 44%, #dba811 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #6a1042 0, #681041 44%, #dba811 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #3c0e0fd4, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c156a454-f7cc-48e0-b519-89d230347f00/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #53101282, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #5f060f 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #b97b1f;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a2941132-1b6b-45f5-1fb9-830fceb60100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/a2941132-1b6b-45f5-1fb9-830fceb60100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #1e080a 0%, #591112 90%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(83 16 53);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(81 16 52);
    --background-border-box: #ffe970;
    --background-menu-marquee: #22111a;
    --background-border-bottom: #ffe96f;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #290a0c 0, #410d0f 44%, #101010 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -17px !important;
    --card-margin-top: 0vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #290a0c 0, #410d0f 44%, #101010 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: radial-gradient(100% 100% at 50% 0, #290a0c 0, #410d0f 44%, #101010 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: radial-gradient(100% 100% at 50% 0, #290a0c 0, #410d0f 44%, #101010 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #dfc360;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #290a0c 0, #410d0f 44%, #101010 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #ffe970 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 3.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #290a0c 0, #410d0f 44%, #101010 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #551036, #2a111f), linear-gradient(180deg, #fbe66e, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #4a0f10, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ffe970 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #67050e, 0 0 45px #67050e, 0 0 55px #67050e, 0 0 65px #67050e, 0 0 75px #67050e, 0 0 85px #67050e;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #6a1042 0, #681041 44%, #dba811 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v196] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-image-top-header: linear-gradient(180deg, rgb(0 0 0) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --v-login-border: 1px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 23px;
    --background-box-content: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --bg-profile: linear-gradient(155deg, #000000c9, #00000085) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3edf5f91-13ae-4da8-b763-743058391800/public) !important;
    --bg-view-mobile: linear-gradient(93deg, #000000, #3333337d) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #d5ad50;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f68bfc36-e0b0-46c3-456b-8b4791d37b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c992193f-a356-4686-4e85-9e5541954b00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(22, 22, 22, 1) 47%, rgba(42, 42, 42, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(185 166 87);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(191 172 92);
    --background-border-box: #d5ad50;
    --background-menu-marquee: #131313 !important;
    --background-border-bottom: #d5ad50;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(333deg, rgb(50 50 50) 0%, rgb(26 26 26) 46%, rgb(10 10 10) 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #d5ad50 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -17px !important;
    --card-margin-top: 12vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%);
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: rgba(255, 245, 158, 1) !important;
    --pagination-button: #efefef7d;
    --v-signin-button: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 33px;
    --left-radius: 33px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #d5ad50, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #00000033, #3333337d);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #c7b053 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #343434, 0 0 45px #343434, 0 0 55px #333333, 0 0 65px #333333, 0 0 75px #323232, 0 0 85px #303030;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v197] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-image-top-header: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #030232a8, #02011f73) !important;
    --bg-view-mobile: linear-gradient(182deg, #3719647d, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #b182ef;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain;
    --background-size-mobile-repeat: repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/e42c7272-06b7-4e6f-2a53-8e1be68b5b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f07ca813-45ff-49be-9146-a39ccadbd600/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #6831ab, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #fff;
    --background-menu-marquee: #22164e;
    --background-border-bottom: #caa835;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #32175d 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: -2vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #32175d 0, #6b29bc 44%, #34185f 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023214, #02011f36);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v198] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(179deg, #b9135a, #340131) !important;
    --background-image-top-header: linear-gradient(179deg, #b9135a, #340131) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #8d0d4cc2, #000000e8) !important;
    --bg-view: linear-gradient(189deg, #4702469c, #000000) !important;
    --bg-view-mobile: linear-gradient(189deg, #47024600, #000000) !important;
    --bg-frame-2-black: linear-gradient(180deg, #7d0a47 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/64a8acc8-81e5-4907-38a0-508e6649c200/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/394da7d5-8f16-4e2b-4a54-73cc9d714b00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(179deg, #340131, #b9135a) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(128 11 72);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(121 10 70);
    --background-border-box: #cb1357;
    --background-menu-marquee: #5b1051;
    --background-border-bottom: #e0165f;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #a00f52 44%, #4d0539 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 13vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #a00f52 44%, #4d0539 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #a00f52 44%, #4d0539 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #09a2f6 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #a00f52 44%, #4d0539 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #ea1761, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #5e063e47, #02011f73);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #eb1761 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #eb1761, 0 0 45px #eb1761, 0 0 55px #eb1761, 0 0 65px #eb1761, 0 0 75px #eb1761, 0 0 85px #eb1761;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v199] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #25a8fe, #1020a9) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%) !important;
    --background-image-button: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%) !important;
    --background-image-top-header: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #031681, #1727d4) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #1819d0, #1572ef) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(180deg, #24a8fe, #1b45de) !important;
    --bg-profile: linear-gradient(180deg, #0f1fa0, #13a0fd82) !important;
    --bg-view: linear-gradient(360deg, #00000000 0%, #4260bf 100%);
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/40dd9687-4b8a-4a21-28c6-254972344b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/95dbc91b-1b08-4909-61d1-bd6922df8400/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(25 23 206);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(19 161 254);
    --background-border-box: #13a1fe;
    --background-menu-marquee: #25a8fe !important;
    --background-border-bottom: #2197ea;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #13a1fe, #1817ce) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -42px !important;
    --card-margin-top: 17vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #1492f9, #1854e3) !important;
    --deposit-bg-popup: linear-gradient(180deg, #1492f9, #1854e3) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(180deg, #1492f9, #1854e3) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #181bd1 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #3a95e1;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #25a8fea6, #303e8a61);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v200] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #f42cff, rgba(0, 0, 0, 0));
    --background-login-gradient: #f42cff;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 1.8px solid #00d3e3 !important;
    --border-solid-menu-active: 1.8px solid #b903fd !important;
    --background-body: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(0deg, rgba(0, 37, 179, .961) 0%, rgba(54, 0, 179, .961) 18%, rgba(93, 0, 179, .961) 60%, rgba(129, 0, 179, .961) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgba(0, 99, 209, 1) 0%, rgba(0, 169, 224, 1) 49%, rgba(0, 211, 227, 1) 100%) !important;
    --background-image-button: linear-gradient(180deg, rgba(0, 37, 179, 1) 0%, rgba(54, 0, 179, 1) 18%, rgba(93, 0, 179, 1) 60%, rgba(129, 0, 179, 1) 85%, rgba(156, 0, 179, 1) 100%);
    --background-image-top-header: linear-gradient(180deg, rgba(0, 37, 179, 1) 0%, rgba(54, 0, 179, 1) 18%, rgba(93, 0, 179, 1) 60%, rgba(129, 0, 179, 1) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #706d8c, #73dcd7) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #73dcd7, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #73dcd7, #706d8c);
    --background-image-popup-profiles-menu: #73dcd7;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgba(0, 37, 179, 1) 0%, rgba(54, 0, 179, 1) 18%, rgba(93, 0, 179, 1) 60%, rgba(129, 0, 179, 1) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #73dcd7;
    --background-menu-article-boder: 2px solid #73dcd7;
    --background-menu-login: linear-gradient(0deg, rgba(0, 99, 209, 1) 0%, rgba(0, 169, 224, 1) 49%, rgba(0, 211, 227, 1) 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, rgba(0, 99, 209, 1) 0%, rgba(0, 169, 224, 1) 49%, rgba(0, 211, 227, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(0, 99, 209, .891) 0%, rgba(0, 169, 224, .891) 49%, rgba(0, 211, 227, .891) 100%) !important;
    --bg-profile: linear-gradient(180deg, rgba(0, 37, 179, .961) 0%, rgba(54, 0, 179, .961) 18%, rgba(93, 0, 179, .961) 60%, rgba(129, 0, 179, .961) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/0e2faec9-2aed-45ee-53b6-42aeb29ea100/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/40112615-fbbe-44e6-da8d-065e9880ae00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ab6aa13f-f0e8-4bf7-aeb8-f33ba2248200/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, rgba(0, 37, 179, 1) 0%, rgba(54, 0, 179, 1) 18%, rgba(93, 0, 179, 1) 60%, rgba(129, 0, 179, 1) 85%, rgba(156, 0, 179, 1) 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(12 30 180);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(145 0 179);
    --background-border-box: #fff;
    --background-menu-marquee: linear-gradient(10deg, rgba(93, 0, 179, .851) 0%, rgba(129, 0, 179, .851) 50%, rgba(156, 0, 179, .851) 100%);
    --background-border-bottom: rgba(156, 0, 179, 1);
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, rgba(93, 0, 179, .851) 0%, rgba(129, 0, 179, .851) 50%, rgba(156, 0, 179, .851) 100%) !important;
    --text-color-input-group: #f42cff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -5px !important;
    --card-margin-top: 25vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #b903fd !important;
    --bg-menu-popup-modal: linear-gradient(0deg, rgba(0, 99, 209, 1) 0%, rgba(0, 169, 224, 1) 49%, rgba(0, 211, 227, 1) 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: linear-gradient(10deg, rgba(93, 0, 179, .851) 0%, rgba(129, 0, 179, .851) 50%, rgba(156, 0, 179, .851) 100%);
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #ffffff;
    --text-color-input-group-signin: #000000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(10deg, rgba(93, 0, 179, .851) 0%, rgba(129, 0, 179, .851) 50%, rgba(156, 0, 179, .851) 100%);
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1498fb, #181bd1), linear-gradient(180deg, #22a7fe, #25a8fe);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #25a8fe 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #1918d6, 0 0 45px #1918d6, 0 0 55px #1918d6, 0 0 65px #1918d6, 0 0 75px #1918d6, 0 0 85px #1918d6;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #172bd5 0, #181ed0 44%, #25a8fe 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v201] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 0px solid #efd08d !important;
    --border-solid-menu-active: 1.8px solid #efd08d !important;
    --background-body: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --background-image: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --bg-view: linear-gradient(0deg, #511413, #191819) !important;
    --bg-view-mobile: linear-gradient(0deg, #511413, #191819) !important;
    --bg-frame-2-black: linear-gradient(180deg, #5e1715 0%, #4f1413 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/7712f55d-a783-4fbd-d814-61d7a3858100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/7712f55d-a783-4fbd-d814-61d7a3858100/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #861e1c, #4e1413) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(239 208 141);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(239 208 141);
    --background-border-box: #e4ba5d;
    --background-menu-marquee: #4e1413;
    --background-border-bottom: #e4ba5d;
    --text-menu-bottom: #fbead1;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --text-color-input-group: #e4ba5d;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -40px !important;
    --card-margin-top: 4vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #e4ba5d !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #6f1c1a, #4e1413) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e4ba5d;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(37deg, rgba(232, 199, 155, 1) 0%, rgba(202, 149, 83, 1) 49%, rgba(231, 199, 156, 1) 100%) !important;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #8f1f1d, #841d1b), linear-gradient(180deg, #dfbb7f, #e4ba5d);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e4ba5d 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #e4ba5d70, 0 0 45px #e4ba5d70, 0 0 55px #e4ba5d70, 0 0 65px #e4ba5d70, 0 0 75px #e4ba5d70, 0 0 85px #e4ba5d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #e4ba5d 0, #7b1d1a 44%, #7f1d1b 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important
}

[data-theme=v202] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #ed0b04, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #ed0b04 !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 1.8px solid #ed0b04 !important;
    --border-solid-menu-active: 1.8px solid #ed0b04 !important;
    --background-body: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --background-image: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%);
    --text-color: white;
    --background-image-top: linear-gradient(to bottom, #861e1c, #4e1413) !important;
    --background-image-button: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #861e1c 0%, #4e1413 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #91201e, #fc0102) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(37deg, rgba(232, 199, 155, 1) 0%, rgba(202, 149, 83, 1) 49%, rgba(231, 199, 156, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9f38307c-e782-4730-b4a2-d575ef1df000/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/449ae34e-d5d6-4e61-a870-91fbafb5a000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/449ae34e-d5d6-4e61-a870-91fbafb5a000/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #861e1c, #4e1413) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(239 208 141);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(239 208 141);
    --background-border-box: #fff;
    --background-menu-marquee: #4e1413;
    --background-border-bottom: #ed0b04;
    --text-menu-bottom: #fbead1;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #4e1413, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #4e1413) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --text-color-input-group: #ed0b04;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -21px !important;
    --card-margin-top: 26vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #efd08d !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #6f1c1a, #4e1413) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #efd08d;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(37deg, rgba(232, 199, 155, 1) 0%, rgba(202, 149, 83, 1) 49%, rgba(231, 199, 156, 1) 100%) !important;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #8f1f1d, #841d1b), linear-gradient(180deg, #ee0b04, #521514);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ed0b04 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #ed0b0470, 0 0 45px #ed0b0470, 0 0 55px #ed0b0470, 0 0 65px #ed0b0470, 0 0 75px #ed0b0470, 0 0 85px #ed0b0470;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000) !important
}

[data-theme=v203] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --background-image-button: linear-gradient(182deg, #900092, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-image-top-header: linear-gradient(182deg, #900092, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #900092 0, #6b29bc 44%, #34185f 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #482686 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #030232a8, #02011f73) !important;
    --bg-view-mobile: linear-gradient(182deg, #3719647d, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #900092;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain;
    --background-size-mobile-repeat: repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/12a21383-64f6-4ee2-86fa-804015068a00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/12a21383-64f6-4ee2-86fa-804015068a00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #900092, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(81 38 137);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #fff;
    --background-menu-marquee: #22164e;
    --background-border-bottom: #c49cf7;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #482686 0, #6b29bc 44%, #900092 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 7px !important;
    --card-margin-top: -4vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #482686 0, #6b29bc 44%, #900092 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(182deg, #900092, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(182deg, #900092, #1f0e41), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #b479ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #c49cf7, #c49cf7 31.53%, #c49cf7 64.87%, #c49cf7);
    --MenuLeft-af: linear-gradient(93deg, #03023214, #02011f36);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #2f169a 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #250f66 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #482686 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #c49cf7, #c49cf7)
}

[data-theme=v204] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #ffb401 100%) !important;
    --border-solid-menu: 0px solid #fff !important;
    --border-solid-menu-active: 0px solid #fff !important;
    --background-body: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%);
    --background-image: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%);
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --background-image-button: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%) !important;
    --background-image-top-header: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #ffb401 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(to bottom, #ffb800 0%, #ff9401 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #e50102 10%, #000000a6 100%) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/324a4504-9c83-4273-c4e8-63a47125f000/public) !important;
    --bg-view-mobile: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/324a4504-9c83-4273-c4e8-63a47125f000/public) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/324a4504-9c83-4273-c4e8-63a47125f000/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/db68cf09-8414-4e7f-5d37-0a4d5ff9ef00/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(255 170 0);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(255 170 0);
    --background-border-box: #fff;
    --background-menu-marquee: #ffb401;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #ffb401, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #ffb401) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%) !important;
    --text-color-input-group: #fff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: -22px !important;
    --card-margin-top: 24vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #fff !important;
    --bg-menu-popup-modal: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #fff;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%);
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #561514;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(to bottom, #fe9a00 0%, #ffc701 100%);
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%), linear-gradient(180deg, #fff, #fff);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #fff 31.53%, #fff 64.87%, #fff);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fdfdfd 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #efd08d 0, #c82506 44%, #c72607 100%), linear-gradient(180deg, #fff, #fff) !important
}

[data-theme=v205] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #ff3d3e !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --background-image-button: linear-gradient(180deg, #5b0002, #0e0e0e);
    --background-image-top-header: linear-gradient(180deg, #5b0002, #0e0e0e);
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(343deg, #580002, #c11010) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(343deg, #580002, #c11010) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, rgba(84, 84, 84, .951) 0%, rgba(45, 45, 45, .951) 25%, rgba(30, 30, 30, .951) 55%, rgba(45, 45, 45, .951) 77%, rgba(84, 84, 84, .951) 99%) !important;
    --bg-profile: linear-gradient(180deg, #ff0004c9, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/449ae34e-d5d6-4e61-a870-91fbafb5a000/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --text-theme: #ffffff;
    --menu_icon: #ff0004;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/80decd0c-c023-481f-81d8-5f14b71b1100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/80decd0c-c023-481f-81d8-5f14b71b1100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #950200, #080100);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(44 44 44);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(44 44 44);
    --background-border-box: #ff0004;
    --background-menu-marquee: #101010;
    --background-border-bottom: #ea0309;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -10px !important;
    --card-margin-top: -2vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(343deg, #580002, #c11010) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsl(0deg 100% 52% / 60%);
    --nav-link-menu: linear-gradient(180deg, #535353, #000000), linear-gradient(180deg, #ba1a1b, #2f0707);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000);
    --MenuLeft-af: linear-gradient(93deg, #17171e, #000000a6);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ff0004 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #3d0507, 0 0 45px #3d0507, 0 0 55px #3d0507, 0 0 65px #3d0507, 0 0 75px #3d0507, 0 0 85px #3d0507;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #7c0c0c 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #7c0c0c 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000)
}

[data-theme=v206] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 0px solid #efd08d !important;
    --border-solid-menu-active: 0px solid #efd08d !important;
    --background-body: linear-gradient(180deg, #5b0002, #0e0e0e);
    --background-image: linear-gradient(180deg, #5b0002, #0e0e0e);
    --text-color: white;
    --background-image-top: linear-gradient(144deg, #383838, #101010) !important;
    --background-image-button: linear-gradient(180deg, #2316ff, #0f165c) !important;
    --background-image-top-header: linear-gradient(180deg, #2316ff, #0f165c) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(343deg, #000ae0, #08c8f5) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(343deg, #580002, #c11010) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #1c2d86 10%, #13134e 100%) !important;
    --bg-view: linear-gradient(0deg, #0848e740, #00d9ff40) !important;
    --bg-view-mobile: linear-gradient(0deg, #10103878, #2116ec42) !important;
    --bg-frame-2-black: linear-gradient(0deg, #2317fa 0%, #0cc3ef 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b8700baa-cfcf-4e31-8dc7-9ff3c49efd00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/1a4f028f-6f68-45e5-49b6-453b5c0f6600/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --text-contact-1: #fff;
    --active-color-menu: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #0f165c, #2316ff) !important;
    --bg-active-refer: #666666a3;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(175 3 3);
    --box-sha-box-webkit: inset 0 0 48px 6px #3f64ff;
    --background-border-box: #3f64ff;
    --background-menu-marquee: #0e165d;
    --background-border-bottom: #3f64ff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #101010, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #101010) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #2315fb 10%, #000e2c 100%) !important;
    --text-color-input-group: #8a1e1c;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 10px !important;
    --card-margin-top: 34vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #efd08d !important;
    --bg-menu-popup-modal: linear-gradient(343deg, #1b2c86, #036ce9) !important;
    --deposit-bg-popup: linear-gradient(180deg, #ffda89, #b17543);
    --bg-new: #efd08d;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ffd157 0%, #ecc96f 19%, #b97107 78%, #ac6101 97%, #764800 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: #74dfff;
    --nav-link-menu: linear-gradient(144deg, #383838, #101010), linear-gradient(180deg, #00f9ff, #3f64ff);
    --nav-link-menu-hover: linear-gradient(144deg, #383838, #101010), linear-gradient(180deg, #fff, #f00) !important;
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #3f64ff, #00f9ff 31.53%, #3f64ff 64.87%, #00f9ff);
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca00 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca00 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #00f9ff, #3f64ff 31.53%, #3f64ff 64.87%, #00f9ff);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #3f64ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #ff0000, #640000), linear-gradient(125deg, #ff1918, #ff1918 31.53%, #ff1918 64.87%, #ff1918)
}

[data-theme=v207] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #d8b071 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(#012500, #075e04);
    --background-image-button: linear-gradient(176deg, #317100, #0d240a);
    --background-image-top-header: linear-gradient(176deg, #317100, #0d240a), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public) center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: conic-gradient(from 1turn, rgb(116 255 0), rgb(0 125 37)) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #59837d !important;
    --bg-profile: linear-gradient(180deg, #2f6e02, #0e260b) !important;
    --bg-view: linear-gradient(180deg, #0054177a, #00260a7a) !important;
    --bg-view-mobile: linear-gradient(180deg, #0054177a, #00260a7a) !important;
    --bg-frame-2-black: radial-gradient(100% 100% at 50% 0, #00d438 0, #007720 44%, #002b0c 100%) !important;
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/668fc682-9fb9-4e72-8e68-88da9f8da900/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/668fc682-9fb9-4e72-8e68-88da9f8da900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #306f01, #0d250a);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px #041f07;
    --background-border-box: #d8b071;
    --background-menu-marquee: #1c2a16;
    --background-border-bottom: #d8b071;
    --text-menu-bottom: #000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #2ea22a 0, #2ea22b 44%, #125d0e 100%), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #7ed744 0, #418d0e 44%, #276106 100%), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: linear-gradient(#012500, #075e04);
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(#012500, #075e04), linear-gradient(180deg, #5dd035, #5dd035);
    --btn-primary-nav: linear-gradient(180deg, #ffffff, #c3dbc4), linear-gradient(125deg, #7cd0bc, #45b698 31.53%, #57bea4 64.87%, #8ddfd0);
    --btn-primary-nav-hover: linear-gradient(180deg, #ffffff, #c3dbc4), linear-gradient(125deg, #09fc3c, #03fd00 31.53%, #04cf0b 64.87%, #02f335);
    --MenuLeft-af: radial-gradient(100% 100% at 50% 0, #3c7525 0, #133f01 44%, #161b14 100%);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ebbd7b 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #f9d73b 30%, #e88904);
    --neno-color: #03fd40
}

[data-theme=v208] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: \e08px solid #fff !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: #15012b;
    --background-image-top: linear-gradient(180deg, #7e57f9, #4917ba) !important;
    --background-image-button: linear-gradient(177deg, #5d27db, #240055);
    --background-image-top-header: linear-gradient(177deg, #5d27db, #240055), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #c45aff, #7b00ff) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #59837d !important;
    --bg-profile: linear-gradient(#6000e7, #15012b) !important;
    --bg-view: linear-gradient(180deg, #6747d56e, #25176e5e) !important;
    --bg-view-mobile: linear-gradient(180deg, #6747d56e, #25176e5e) !important;
    --bg-frame-2-black: radial-gradient(100% 100% at 50% 0, #c99eff 0, #7537c3 44%, #3f1b71 100%) !important;
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/44fe92ff-4be4-4fa5-a673-3655d8325d00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/44fe92ff-4be4-4fa5-a673-3655d8325d00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #ac5cff, #643beb);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: #80f;
    --background-menu-marquee: #2f0870;
    --background-border-bottom: #d381ff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(177deg, #925aff, #240055), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #7e57f9, #4917ba), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #880316 0%, #a70000 8%, #f21818 51%, #f21818 58%, #d50000 83%, #ba0000 97%, #880000 100%);
    --v-signin-button-hover: linear-gradient(180deg, #680000 0%, #810000 8%, #d11919 51%, #d11919 58%, #b20505 83%, #810000 97%, #680000 100%);
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ffe7a6 0%, #ffdb7e 19%, #e69925 78%, #d09d07 97%, #fe9d06 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #7e57f9, #4a00aa), linear-gradient(180deg, #ddccff, #ac5cff) !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #fbb21f, #ffc107);
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #fbb21f, #ffc107);
    --MenuLeft-af: radial-gradient(100% 100% at 50% 0, #835aff 0, #513cc0 44%, #2f0870 100%);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f4f1ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v209] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: \e08px solid #fff !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: #040f4b !important;
    --background-image-top: linear-gradient(180deg, #24416b, #16325b) !important;
    --background-image-button: linear-gradient(182deg, #004cab, #040f4b);
    --background-image-top-header: linear-gradient(182deg, #004cab, #040f4b), url(images/bg/007.jpg) center center;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #3073d8, #1a4687) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #59837d !important;
    --bg-profile: linear-gradient(182deg, #004cab, #040f4b) !important;
    --bg-view: linear-gradient(180deg, #0000007a, #0000007a) !important;
    --bg-view-mobile: linear-gradient(180deg, #0000007a, #0000007a) !important;
    --bg-frame-2-black: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/2368192e-a7d9-4f4e-574b-983402780700/public) !important;
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/be5d67ba-c888-488c-ebba-7d21d9385800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/be5d67ba-c888-488c-ebba-7d21d9385800/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #275eff, #05195b);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: unset;
    --background-menu-marquee: #161f3c;
    --background-border-bottom: #0035ff;
    --text-menu-bottom: #000;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #3073d8, #1a4687), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #3073d8, #1a4687) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #880316 0%, #a70000 8%, #f21818 51%, #f21818 58%, #d50000 83%, #ba0000 97%, #880000 100%);
    --v-signin-button-hover: linear-gradient(180deg, #680000 0%, #810000 8%, #d11919 51%, #d11919 58%, #b20505 83%, #810000 97%, #680000 100%);
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ffe7a6 0%, #ffdb7e 19%, #e69925 78%, #d09d07 97%, #fe9d06 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(#22467e, #22467e), linear-gradient(180deg, #22467e, #0570ff) !important;
    --btn-primary-nav: linear-gradient(180deg, #fbfbfb, #a7a7a7), linear-gradient(125deg, #b9b9b9, #ffffff 31.53%, #b9b9b9 64.87%, #ffffff) !important;
    --btn-primary-nav-hover: linear-gradient(180deg, #d7d7d7, #797979), linear-gradient(125deg, #b9b9b9, #ffffff 31.53%, #b9b9b9 64.87%, #ffffff);
    --MenuLeft-af: #091943;
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f4f1ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #fd5252 0, #fd5252 44%, #ff0404 100%), linear-gradient(180deg, #ff0404, #ff0404)
}

[data-theme=v210] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: \e08px solid #fff !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(144deg, #383838, #101010) !important;
    --background-image-button: linear-gradient(182deg, #0000FF, #000);
    --background-image-top-header: linear-gradient(182deg, #0000FF, #000), url(images/bg/007.jpg) center center;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #0000FF, #000) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #2528c5 !important;
    --bg-profile: linear-gradient(182deg, #061fdea8, #040f4b) !important;
    --bg-view: linear-gradient(180deg, #0000007a, #0000007a) !important;
    --bg-view-mobile: linear-gradient(180deg, #0000007a, #0000007a) !important;
    --bg-frame-2-black: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9dad39a1-a532-4547-8097-4d830a71a300/public) !important;
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ee1b1f6b-ad60-4653-9bff-25f250c00700/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ae59a66f-987e-4214-f8c9-0b17d8a0b900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0000FF, #000);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: unset;
    --background-menu-marquee: #161f3c;
    --background-border-bottom: #0035ff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #0000FF 0, #062fcb 44%, #000 100%), linear-gradient(180deg, #fbb21f, #ffc107);
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 3px !important;
    --card-margin-top: 10vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #0000FF 0, #062fcb 44%, #000 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #7779ce 0, #0800fe 44%, #0801ee 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #880316 0%, #a70000 8%, #f21818 51%, #f21818 58%, #d50000 83%, #ba0000 97%, #880000 100%);
    --v-signin-button-hover: linear-gradient(180deg, #680000 0%, #810000 8%, #d11919 51%, #d11919 58%, #b20505 83%, #810000 97%, #680000 100%);
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ffe7a6 0%, #ffdb7e 19%, #e69925 78%, #d09d07 97%, #fe9d06 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #7779ce 0, #0800fe 44%, #0801ee 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #000;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: radial-gradient(100% 100% at 50% 0, #0000FF 0, #062fcb 44%, #0000FF 100%), linear-gradient(180deg, #000, #000) !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382) !important;
    --btn-primary-nav-hover: linear-gradient(180deg, #d7d7d7, #797979), linear-gradient(125deg, #b9b9b9, #ffffff 31.53%, #b9b9b9 64.87%, #ffffff);
    --MenuLeft-af: linear-gradient(45deg, transparent 0%, #0000FF 50%, transparent 100%);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #0000FF 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ffffff 0, #062fcb 44%, #0000FF 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v211] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #cc3eff !important;
    --border-solid-menu-active: 0px solid #ce00fe !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #301a86, #28006a) !important;
    --background-image-button: linear-gradient(182deg, #3a4cff, #8400c8);
    --background-image-top-header: linear-gradient(182deg, #3a4cff, #8400c8);
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #d859ff, #9058ff) !important;
    --background-menu-active-shadow: 0px 0px 20px 10px #c400ff;
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #59837d !important;
    --bg-profile: linear-gradient(182deg, #a93aff, #15044b) !important;
    --bg-view: linear-gradient(180deg, #0015ff54, #0015ff54) !important;
    --bg-view-mobile: llinear-gradient(180deg, #0015ff54, #0015ff54) !important;
    --bg-frame-2-black: linear-gradient(180deg, #ffca53bd, #84620eb3) !important;
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/b6002b2e-e415-46c2-4002-0aeeccbb7100/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/8f7571e6-38e3-4a31-d197-b31e2286bd00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #8204ca, #4423a6);
    --shadow-nav-link: 0 0 5px 1px #df39fa !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: #c0a05c;
    --background-menu-marquee: #180c67;
    --background-border-bottom: #ffd500;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #4b5ec6, #b751ff), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -28px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #9300ff, #5c00ff) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #880316 0%, #a70000 8%, #f21818 51%, #f21818 58%, #d50000 83%, #ba0000 97%, #880000 100%);
    --v-signin-button-hover: linear-gradient(180deg, #680000 0%, #810000 8%, #d11919 51%, #d11919 58%, #b20505 83%, #810000 97%, #680000 100%);
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ffe7a6 0%, #ffdb7e 19%, #e69925 78%, #d09d07 97%, #fe9d06 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: #ffb64e;
    --nav-link-menu: linear-gradient(#ffe970, rgb(157 121 31)), linear-gradient(180deg, #ffffff00, #f5dd68) !important;
    --btn-primary-nav: linear-gradient(180deg, #ffed84, #945e00), linear-gradient(125deg, #f3dc76, #ffffff 31.53%, #f3dc76 64.87%, #ffffff) !important;
    --btn-primary-nav-hover: linear-gradient(180deg, #fff5bb, #8a6d3a), linear-gradient(125deg, #f3dc76, #ffffff 31.53%, #f3dc76 64.87%, #ffffff);
    --MenuLeft-af: linear-gradient(182deg, #3a55ff, #3b044b);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ffb64e 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ffffff 0, #9655ff 44%, #6b00ff 100%), linear-gradient(125deg, #91790d, #ffffff 31.53%, #ffd000 64.87%, #ffffff)
}

[data-theme=v212] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1px solid #5895ed !important;
    --border-solid-menu-active: 1px solid #5895ed !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #1c4e97, #001d48) !important;
    --background-image-button: linear-gradient(182deg, #163262, #0f192e);
    --background-image-top-header: linear-gradient(182deg, #163262, #0f192e);
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #619aff, #1f3c65) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #59837d !important;
    --bg-profile: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/fec81e4b-12f1-4619-d66e-6f8bbfb21800/public);
    --bg-view: linear-gradient(180deg, #142a5285, #0a142785) !important;
    --bg-view-mobile: linear-gradient(180deg, #142a5285, #0a142785) !important;
    --bg-frame-2-black: linear-gradient(0deg, #002a76, #5995ed38);
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/fec81e4b-12f1-4619-d66e-6f8bbfb21800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/fec81e4b-12f1-4619-d66e-6f8bbfb21800/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #2e476d;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #344679, #071b5e);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: unset;
    --background-menu-marquee: #111e39;
    --background-border-bottom: #6f7b93;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(180deg, #194a90, #001f4b), linear-gradient(180deg, #ffffff, #ffffff) !important;
    --bg-signIn-border-solid: 2px solid #5a96ed !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 0px !important;
    --card-margin-top: 18vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: linear-gradient(180deg, #2665c7, #002760);
    --deposit-bg-popup: linear-gradient(180deg, #777c8b, #343434);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #880316 0%, #a70000 8%, #f21818 51%, #f21818 58%, #d50000 83%, #ba0000 97%, #880000 100%);
    --v-signin-button-hover: linear-gradient(180deg, #680000 0%, #810000 8%, #d11919 51%, #d11919 58%, #b20505 83%, #810000 97%, #680000 100%);
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ffe7a6 0%, #ffdb7e 19%, #e69925 78%, #d09d07 97%, #fe9d06 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #1c4e97, #001d48), linear-gradient(180deg, #22467e, #bcbcbc) !important;
    --btn-primary-nav: linear-gradient(180deg, #78808c, #2b2b2b), linear-gradient(125deg, #b9b9b9, #ffffff 31.53%, #b9b9b9 64.87%, #ffffff) !important;
    --btn-primary-nav-hover: linear-gradient(180deg, #40444a, #1f1f1f), linear-gradient(125deg, #b9b9b9, #ffffff 31.53%, #b9b9b9 64.87%, #ffffff);
    --MenuLeft-af: unset;
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f4f1ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #00ceff 0, #0971a3 44%, #003e6b 100%), linear-gradient(180deg, #bef0fa, #bef0fa)
}

[data-theme=v213] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ba1a1b !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(144deg, #383838, #101010) !important;
    --background-image-button: linear-gradient(180deg, #00095b, #0e0e0e);
    --background-image-top-header: linear-gradient(180deg, #00095b, #0e0e0e);
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #0210c9, #060a2e), linear-gradient(180deg, #585fff, #000199) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #2528c5 !important;
    --bg-profile: linear-gradient(182deg, #0015b4d1, #000000) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/2fb18dcc-b0b5-4ff3-ded1-a6bc508d6d00/public) !important;
    --bg-view-mobile: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/2fb18dcc-b0b5-4ff3-ded1-a6bc508d6d00/public) !important;
    --bg-frame-2-black: linear-gradient(180deg, #0101a375, #0000007a);
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/99be6636-224f-4b71-6809-2515cb316600/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/678eb511-b542-4c8e-ad92-a3bce0907100/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #0009d6, #000108);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: 2px solid #503c76 !important;
    --background-menu-marquee: #101010;
    --background-border-bottom: #0035ff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #4242ff 0, #0527aa 44%, #010a3f 100%), linear-gradient(180deg, #fbb21f, #ffc107);
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 3px !important;
    --card-margin-top: 10vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #4242ff 0, #0a258f 44%, #020b49 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #7779ce 0, #0800fe 44%, #0801ee 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #880316 0%, #a70000 8%, #f21818 51%, #f21818 58%, #d50000 83%, #ba0000 97%, #880000 100%);
    --v-signin-button-hover: linear-gradient(180deg, #680000 0%, #810000 8%, #d11919 51%, #d11919 58%, #b20505 83%, #810000 97%, #680000 100%);
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ffe7a6 0%, #ffdb7e 19%, #e69925 78%, #d09d07 97%, #fe9d06 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #fff;
    --text-color-input-group-signin: #000;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #7779ce 0, #0800fe 44%, #0801ee 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: #0006fd;
    --nav-link-menu: linear-gradient(180deg, #535353, #000000), linear-gradient(180deg, #4950ff, #192ce1);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #1b30ff, #000295 31.53%, #0006ff 64.87%, #000295) !important;
    --btn-primary-nav-hover: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #1b30ff, #000295 31.53%, #0006ff 64.87%, #000295);
    --MenuLeft-af: linear-gradient(45deg, transparent 0%, #0000ab 50%, transparent 100%);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #414aff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, #eab67100, #1b30ff, #eab67100);
    --btn-primary-nav-after: linear-gradient(270deg, #eab67100, #1b30ff, #eab67100);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #1b30ff, #000295 31.53%, #0006ff 64.87%, #000295);
    --bs-btn-border-color: #1b30ff !important;
    --bs-btn-border-width: 0px !important
}

[data-theme=v214] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(180deg, #90f1c2, #1a6752) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ba1a1b !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #252525 0%, #1f1f1f 10%, #171717 57%, #141414 66%, #0c0c0c 100%) !important;
    --background-image-button: linear-gradient(180deg, #d92e8b, #4f0627);
    --background-image-top-header: linear-gradient(180deg, #d92e8b, #4f0627);
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #ff9de3 0, #cc2698 44%, #500628 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #ff83cb 0, #cb408f 44%, #740638 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: radial-gradient(100% 100% at 50% 0, #5f5f5f 0, #292929 44%, #000000 100%) !important;
    --bg-profile: linear-gradient(180deg, #bc2988, #000000e8) !important;
    --bg-view: linear-gradient(93deg, #320229a8, #1f011273) !important;
    --bg-view-mobile: linear-gradient(93deg, #320229a8, #1f011273) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: #ff97d7;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4bd63db4-fd14-4a48-2fd1-5c2edfb5b500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/6eeda930-a432-4b83-67b6-d34008e15d00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #d12c85, #520729);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px #7c2251;
    --background-border-box: #fff !important;
    --background-menu-marquee: #500727;
    --background-border-bottom: #ff4aad;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #ff82c6 0, #cf3c88 44%, #790b40 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: 3px !important;
    --card-margin-top: 10vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #ff9de3 0, #bc2991 44%, #7b0845 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #7779ce 0, #0800fe 44%, #0801ee 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, #880316 0%, #a70000 8%, #f21818 51%, #f21818 58%, #d50000 83%, #ba0000 97%, #880000 100%);
    --v-signin-button-hover: linear-gradient(180deg, #680000 0%, #810000 8%, #d11919 51%, #d11919 58%, #b20505 83%, #810000 97%, #680000 100%);
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ffe7a6 0%, #ffdb7e 19%, #e69925 78%, #d09d07 97%, #fe9d06 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #7779ce 0, #0800fe 44%, #0801ee 100%) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: #ff00be;
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #ff88dc, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --btn-primary-nav-hover: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #941867, #85255d 31.53%, #ff69c7 64.87%, #dc008c);
    --btn-primary-nav-before: linear-gradient(270deg, #eab67100, #ffc109, #eab67100);
    --btn-primary-nav-after: linear-gradient(270deg, #eab67100, #ffc109, #eab67100);
    --MenuLeft-af: linear-gradient(45deg, transparent 0%, #c91978 50%, transparent 100%);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ffa2ee 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ff9dd6 0, #bc297e 44%, #5f1844 100%), linear-gradient(180deg, #fbb21f, #ffc107);
    --bs-btn-border-color: #1b30ff !important;
    --bs-btn-border-width: 0px !important
}

[data-theme=v215] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #ff8704, rgba(0, 0, 0, 0));
    --background-login-gradient: #ff8704;
    --color-login-gradient: #010000;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #fb8ab6) !important;
    --border-solid-menu: 1.8px solid #ff6600 !important;
    --border-solid-menu-active: 1.8px solid #ff6600 !important;
    --background-body: linear-gradient(180deg, #B31559 0%, #171717FC 100%) !important;
    --background-image: linear-gradient(180deg, rgba(199, 224, 254, 1) 0%, rgba(170, 200, 254, 1) 39%, #8aa2df 100%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #000, #000) !important;
    --background-image-button: linear-gradient(180deg, #ff6600 0%, #8f2900 100%);
    --background-image-top-header: linear-gradient(180deg, #ff6600 0%, #8f2900 100%);
    --background-banner-top: linear-gradient(to bottom, #706d8c, #7497f1) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #7497f1, #706d8c);
    --background-bg-footer: #fff;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #7497f1, #706d8c);
    --background-image-popup-profiles-menu: #7497f1;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(180deg, #ff6602 0%, #ff6602 39%, #ff6602 100%) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #7497f1;
    --background-menu-article-boder: 2px solid #7497f1;
    --background-menu-login: linear-gradient(180deg, #fb8ab6 0%, #a83355 100%) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #ff6600 17%, #ff6600 100%);
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #ff6600 27%, #ff9d5c 100%) !important;
    --bg-profile: #000 !important;
    --bg-view: linear-gradient(182deg, #000, #000) !important;
    --bg-view-mobile: linear-gradient(182deg, #000, #000) !important;
    --bg-frame-2-black: linear-gradient(180deg, #000 0%, #000 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #ffffff !important;
    --bg-app: #000000 !important;
    --bg-app: #000 !important;
    --bg-app-desktop: #000 !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #c03800, #ff6600) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(255 74 2);
    --box-sha-box-webkit: inset 0 0 48px 6px #ff6600;
    --background-border-box: #ff6600;
    --background-menu-marquee: linear-gradient(0deg, #ff6600 17%, #ff6600 100%);
    --background-border-bottom: #8f2901;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #be05e6, #fb8ab6) 2 !important;
    --h-left: linear-gradient(to left, #fb8ab6, #be05e6) 2 !important;
    --bg-signIn-border: linear-gradient(0deg, #000 27%, #000 100%) !important;
    --bg-signIn-border-solid: 2px solid #ff6600 !important;
    --text-color-input-group: #ffffff;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -27px !important;
    --card-margin-top: 23vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: rgb(251 138 182 / 95%) !important;
    --bg-menu-popup-modal: linear-gradient(10deg, #ff6600 17%, #ff6600 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #ffc107;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffde07;
    --bg-footer-theme-web-category: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: #ff6600 !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: #fff !important;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(0deg, rgba(224, 132, 198, 1) 27%, rgba(255, 178, 238, 1) 100%) !important;
    --x-header-bottom: 4px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(0deg, #000000cc, rgb(254 101 0)), linear-gradient(180deg, #ff6602, #ff6602);
    --btn-primary-nav: linear-gradient(180deg, #ff6600, #ff6600), linear-gradient(125deg, #ff6600, #ff6600) !important;
    --btn-primary-nav-hover: linear-gradient(180deg, #fd944e, #fd944e), linear-gradient(125deg, #fd944e, #fd944e);
    --MenuLeft-af: linear-gradient(0deg, #ff66002e, #ff66002e);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ff6600 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #ff6600, 0 0 45px #ff6600, 0 0 55px #ff6600, 0 0 65px #ff6600, 0 0 75px #ff6600, 0 0 85px #ff6600;
    --loginregishead-btn-primary-nav: linear-gradient(0deg, #000000b5, #000000b5), linear-gradient(180deg, #ff6600, #ff6600) !important;
    --loginregishead-btn-border-radius: 90px !important
}

[data-theme=v216] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 0px solid #ffe970 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #252525 0%, #1f1f1f 10%, #171717 57%, #141414 66%, #0c0c0c 100%) !important;
    --menu_icon: #b182ef;
    --background-image-button: linear-gradient(182deg, #6831ab, #1f0e41) !important;
    --background-image-top-header: linear-gradient(182deg, #6831ab, #1f0e41) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000f3 0%, #151515f3 25%, #303030f3 55%, #464547 77%, #494949f3 99%) !important;
    --bg-profile: linear-gradient(180deg, #6b29bc, #000000) !important;
    --bg-view: linear-gradient(93deg, #030232a8, #02011f73) !important;
    --bg-view-mobile: linear-gradient(182deg, #3719647d, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/582e4870-658c-44fd-68a7-ca64785d8600/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/aadacbb0-c8f2-4059-1128-4a15e94d5900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #6831ab, #1f0e41);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124);
    --background-border-box: #fff;
    --background-menu-marquee: #22164e !important;
    --background-border-bottom: #3a1b69;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #000;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #ffe970 0, #dfb861 44%, #927320 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #e6e6e6, #dedede) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 25px;
    --left-radius: 25px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #c196fb, #00000000);
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #03023214, #02011f36);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #cba2ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v217] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 1px solid #0d0d0d !important;
    --border-solid-menu-active: 1px solid #35d509 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #252525 0%, #1f1f1f 10%, #171717 57%, #141414 66%, #0c0c0c 100%) !important;
    --menu_icon: #6eb17e;
    --background-image-button: linear-gradient(182deg, #137f28, #01140c) !important;
    --background-image-top-header: linear-gradient(182deg, #137f28, #01140c) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #c8ff7d 0, #349128 44%, #103617 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: radial-gradient(100% 100% at 50% 0, #62df74 0, #06a523 44%, #014316 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000f3 0%, #151515f3 25%, #303030f3 55%, #464547 77%, #494949f3 99%) !important;
    --bg-profile: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/7117c6b6-eca1-49cc-dd2c-92b363c9ff00/public) !important;
    --bg-view: linear-gradient(93deg, #02320ca8, #011f0a73) !important;
    --bg-view-mobile: linear-gradient(93deg, #02320ca8, #011f0a73) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3830cdc5-8760-4df2-80d3-cf099bfe8c00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ad6a7e9b-df8f-45d3-c7dc-5f91ff9a3f00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #9dc59b;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #137f28, #01140c) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px #08752d;
    --background-border-box: #08752d;
    --background-menu-marquee: #06590d !important;
    --background-border-bottom: unset;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: linear-gradient(137deg, #0d920fc4, #05420dcf);
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #9dffaf 0, #1f8843 44%, #004026 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #ffe970 0, #dfb861 44%, #927320 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #514f4eab, #797575) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, #ED2530, #ED2530) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #112311;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 3px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #0dd962, #00000000);
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: llinear-gradient(93deg, #02321714, #011f0536);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #a2ffb8 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #008619, 0 0 45px #008619, 0 0 55px #008619, 0 0 65px #008619, 0 0 75px #008619, 0 0 85px #008619;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #02752a, #07863c 31.53%, #009126 64.87%, #c2ffcf);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #57d957 0, #137721 44%, #034516 100%), linear-gradient(180deg, #fbb21f, #ffc107);
    --loginregishead-btn-border-radius: 5px !important
}

[data-theme=v218] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #0d0d0d !important;
    --border-solid-menu-active: 0px solid #f5c866 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, #ca020d 0%, #9c0000 10%, #6b0008 57%, #610007 66%, #430005 100%) !important;
    --menu_icon: #f5c866;
    --background-image-button: linear-gradient(180deg, #d2000d, #470106) !important;
    --background-image-top-header: linear-gradient(180deg, #d2000d, #470106) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #fffac9 0, rgb(249 206 111) 44%, #694809 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #644202 10%, #fff59e 57%, #fff59e 66%, #694809 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #240000f3 0%, #350000f3 25%, #550000f3 55%, #750000 77%, #b40606f3 99%) !important;
    --bg-profile: linear-gradient(180deg, #820000, #3a0001) !important;
    --bg-view: linear-gradient(93deg, #320202a8, #1f010173) !important;
    --bg-view-mobile: linear-gradient(93deg, #320202a8, #1f010173) !important;
    --bg-frame-2-black: linear-gradient(180deg, #820000ad 0%, #820000ad 100%);
    --text-theme: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f9ddb361-0d29-422d-dd37-692174edb500/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/217e92cd-7863-40f9-e3bc-f268474a3800/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #d2000d, #470106) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px #820000;
    --background-border-box: #f5c866;
    --background-menu-marquee: #4a0106 !important;
    --background-border-bottom: #f5c866;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #f4e39d 0, #c2a55a 44%, #744f1e 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #f4d75c 0, #cba247 44%, #71560b 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #d72226 0, #b1000f 44%, #82040e 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #514f4eab, #797575) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #79000a, #9c0004, #D1001B), linear-gradient(180deg, #f5c866, #00000000);
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #610c0c30, #610c0c30);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f5c866 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #8a0000, 0 0 45px #8a0000, 0 0 55px #8a0000, 0 0 65px #8a0000, 0 0 75px #8a0000, 0 0 85px #8a0000;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #980d12, #c10f24 31.53%, #7d020e 64.87%, #fff3f3);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #fff6bd 0, #cf9f4b 44%, #825007 100%), linear-gradient(180deg, #ffd395, #ffd395);
    --loginregishead-btn-border-radius: 0px !important;
    --v-login-contact: #000
}

[data-theme=v219] {
    --line-sigIn: linear-gradient(to right, rgba(0, 0, 0, 0), #efd08d, rgba(0, 0, 0, 0));
    --background-login-gradient: linear-gradient(180deg, rgba(215, 177, 102, 1) 2%, rgba(254, 238, 179, 1) 20%, rgba(100, 66, 2, 1) 36%, rgba(112, 77, 11, 1) 61%, rgba(190, 151, 72, 1) 81%, rgba(143, 106, 36, 1) 96%);
    --color-login-gradient: #fff;
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #861e1c !important;
    --website--theme--nav--with--modal--color--dark: #efd08d !important;
    --background-image-button-hh: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --border-solid-menu: 0px solid #efd08d !important;
    --border-solid-menu-active: 0px solid #efd08d !important;
    --background-body: linear-gradient(180deg, #5b0002, #0e0e0e);
    --background-image: linear-gradient(180deg, #5b0002, #0e0e0e);
    --text-color: white;
    --background-image-top: linear-gradient(144deg, #383838, #101010) !important;
    --background-image-button: linear-gradient(180deg, #5b0002, #0e0e0e) !important;
    --background-image-top-header: linear-gradient(180deg, #5b0002, #0e0e0e) !important;
    --background-banner-top: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(343deg, #580002, #c11010) !important;
    --background-menu-active-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #23214a, #23214a) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(343deg, #580002, #c11010) !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #666666a3;
    --bg-profile: linear-gradient(to bottom, #861e1c 10%, #4e1413 100%) !important;
    --bg-view: linear-gradient(0deg, #861e1c63, #4e14138a) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #ffffff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/049bfd1d-787d-4cd3-4341-99e04ebd5300/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/049bfd1d-787d-4cd3-4341-99e04ebd5300/public) !important;
    --bs-btn-hover-border-color-refer: #666666a3 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(0deg, #861e1c, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #666666a3;
    --box-sha-box: inset 0 0 48px 6px rgb(175 3 3);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(228 4 5);
    --background-border-box: #fb0104;
    --background-menu-marquee: #101010;
    --background-border-bottom: #8a1e1c;
    --text-menu-bottom: #fbead1;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #101010, #197c1800) 2 !important;
    --h-left: linear-gradient(to left, #197c1800, #101010) 2 !important;
    --bg-signIn-border: linear-gradient(to bottom, #861e1c 10%, #101010 100%) !important;
    --text-color-input-group: #8a1e1c;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #ced4da00 !important;
    --input-group-color: #000 !important;
    --top-logo: 10px !important;
    --card-margin-top: 34vw !important;
    --card-margin-top-signup: 5vw !important;
    --border-game-solid: #efd08d !important;
    --bg-menu-popup-modal: linear-gradient(343deg, #580002, #c11010) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #efd08d;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #6f1c1a;
    --bg-footer-theme-web-category: #541514;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #efefef !important;
    --pagination-button: #dcdcdc7b;
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px #fff;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: #000;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsl(0deg 100% 52% / 60%);
    --nav-link-menu: linear-gradient(144deg, #383838, #101010), linear-gradient(180deg, #dfbb7f, #efd08d);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000);
    --MenuLeft-af: linear-gradient(150deg, #2f0a0600, #00800014);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ff0004 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #efd08d70, 0 0 45px #efd08d70, 0 0 55px #efd08d70, 0 0 65px #efd08d70, 0 0 75px #efd08d70, 0 0 85px #efd08d70;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca00 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #faedca00 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000)
}

[data-theme=v220] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #0d0d0d !important;
    --border-solid-menu-active: 0px solid #f5c866 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #865f1b, #ddb359, #865f1b) !important;
    --menu_icon: #000;
    --background-image-button: linear-gradient(180deg, #865f1b, #ddb359, #865f1b) !important;
    --background-image-top-header: linear-gradient(180deg, #865f1b, #ddb359, #865f1b) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #4c4c4c 0, #292929 44%, #000000 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #644202 10%, #fff59e 57%, #fff59e 66%, #694809 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000 0%, #292929) !important;
    --bg-profile: #000000db;
    --bg-view: linear-gradient(93deg, #000000a8, #02011f73) !important;
    --bg-view-mobile: linear-gradient(93deg, #000000a8, #02011f73) !important;
    --bg-frame-2-black: linear-gradient(180deg, #292929 0%, #000000 100%);
    --text-theme: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/e0bdfef5-82ac-423a-abb8-70ed6abd3f00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/9bb24f0c-995c-4a5a-ebc8-7d9113e14700/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #ddb359;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #292929, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px #ddb359;
    --background-border-box: #ddb359;
    --background-menu-marquee: #88601c !important;
    --background-border-bottom: #ddb359;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #000;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #f4e39d 0, #ddb359 44%, #865f1b 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #ffd16e 0, #c79949 44%, #865f1b 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #292929 0, #0e0e0e 44%, #000000 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #0000006e, #0000006e) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: radial-gradient(100% 100% at 50% 0, #fffac9 0, #ddb359 44%, #865f1b 100%), linear-gradient(180deg, #ffe5ac, #ffe5ac);
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #88601c30, #88601c30);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f5c866 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #8a0000, 0 0 45px #8a0000, 0 0 55px #8a0000, 0 0 65px #8a0000, 0 0 75px #8a0000, 0 0 85px #8a0000;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #292929, #000000), linear-gradient(125deg, #ddb359, #b58d37 31.53%, #865f1b 64.87%, #fff3f3);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #fff6bd 0, #ddb359 44%, #865f1b 100%), linear-gradient(180deg, #ffd395, #ffd395);
    --loginregishead-btn-border-radius: 0px !important;
    --v-login-contact: #000
}

[data-theme=v221] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #0d0d0d !important;
    --border-solid-menu-active: 0px solid #f5c866 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #000000, #292929, #000000) !important;
    --menu_icon: #000;
    --background-image-button: linear-gradient(180deg, #73c9ea, #a7e6ff, #73c9ea) !important;
    --background-image-top-header: linear-gradient(180deg, #73c9ea, #a7e6ff, #73c9ea) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #dba3ff 0, #9d15df 44%, #540aa0 100%) !important;
    --background-menu-active-shadow: 0 0 5px #ffffff, 0 0 10px #ab06d3, 0 0 15px #e366ff;
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #7000a0 10%, #cb59ff 57%, #bb3ff4 66%, #7000a0 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000 0%, #292929) !important;
    --bg-profile: linear-gradient(180deg, #270059d1, #000000eb) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c99795c7-1f15-48e3-2bfb-5447ad268e00/public) !important;
    --bg-view-mobile: linear-gradient(0deg, #000000a8, #7711a969) !important;
    --bg-frame-2-black: linear-gradient(180deg, #292929 0%, #000000 100%);
    --text-theme: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/5bb1750e-6add-4ba9-561f-2f0ba1dc6200/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/c23a2bb0-9ab4-4e38-6745-1f7390bb6f00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #7238bc;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #944ccb, #6500a0) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px #a937ff;
    --background-border-box: #a937ff;
    --background-menu-marquee: #000000c9 !important;
    --background-border-bottom: #000000;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #dcaeff 0, #944ccb 44%, #6500a0 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #c487fc 0, #7037bb 44%, #311263 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #292929 0, #0e0e0e 44%, #000000 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #e6e6e6, #dedede) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: radial-gradient(100% 100% at 50% 0, #8a8a8a 0, #292929 44%, #000000 100%), linear-gradient(180deg, #a900ff, #02f3f5);
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(161deg, #3e3c56, #1a1a1a 51.68%, #150e21), linear-gradient(90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #e9a7ff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #74c9ea, 0 0 45px #74c9ea, 0 0 55px #74c9ea, 0 0 65px #74c9ea, 0 0 75px #74c9ea, 0 0 85px #74c9ea;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #121212, #121212 51.68%, #121212), linear-gradient(90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #d8a5ff 0, #b219f1 44%, #4e099a 100%), linear-gradient(90deg, white, white 31.53%, white 64.87%, white);
    --loginregishead-btn-border-radius: 10px !important;
    --v-login-contact: #000
}

[data-theme=v222] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #0d0d0d !important;
    --border-solid-menu-active: 0px solid #f5c866 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #946301 2%, #e7d073 40%, #e7d073 41%, #946301 94%) !important;
    --menu_icon: #fff;
    --background-image-button: linear-gradient(180deg, #000, #292929, #000) !important;
    --background-image-top-header: linear-gradient(180deg, #000, #292929, #000) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(to bottom, #eaeaea 15%, #fff 40%, #fff 40%, #c2c2c2 76%, #c2c2c2 85%, #fff 100%, #fff 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #644202 10%, #fff59e 57%, #fff59e 66%, #694809 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000 0%, #292929) !important;
    --bg-profile: linear-gradient(0deg, #000, #000000a8) !important;
    --bg-view: linear-gradient(93deg, #000000a8, #02011f73) !important;
    --bg-view-mobile: linear-gradient(93deg, #000000a8, #02011f73) !important;
    --bg-frame-2-black: linear-gradient(180deg, #292929 0%, #000000 100%);
    --text-theme: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/fa6ad1f1-5422-433f-784d-5f0554fcb800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/e8edb963-4883-4da2-0a2c-3a03f03c1800/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #292929, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px #fff;
    --background-border-box: #fff !important;
    --background-menu-marquee: #cba24726 !important;
    --background-border-bottom: #fff;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #000;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #fff3b1 0, #cba247 44%, #7f5d03 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #ffd16e 0, #c79949 44%, #865f1b 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #292929 0, #0e0e0e 44%, #000000 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #be9a3e96, #0000006e) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: radial-gradient(100% 100% at 50% 0, #ffe6a4 0, #c8a442 44%, #7f5d03 100%), linear-gradient(180deg, #c8a442, #ffe6a4);
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #cba24726, #cba24726);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fff 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #cba24726, 0 0 45px #cba24726, 0 0 55px #cba24726, 0 0 65px #cba24726, 0 0 75px #cba24726, 0 0 85px #cba24726;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #292929, #000000), linear-gradient(125deg, #ddb359, #b58d37 31.53%, #865f1b 64.87%, #fff3f3);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --loginregishead-btn-border-radius: 0px !important;
    --v-login-contact: #000
}

[data-theme=v223] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #0152d0 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --background-image-button: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center;
    --background-image-top-header: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #4c91ff 0, #145fd4 44%, #00296a 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: #4288f7 !important;
    --bg-profile: linear-gradient(180deg, #181e56e8, #151e5d) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/d17a1aab-b0c5-4ab7-0c5a-51368b330000/public);
    --bg-view-mobile: linear-gradient(182deg, #01378b9e, #111111a3) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --menu_icon: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: contain !important;
    --background-size-mobile-repeat: repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ae580c47-1a42-40d6-b121-a59d28654b00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/3d34be6f-8f80-4f7f-de4c-8fea88bdce00/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(182deg, #004cab, #040f4b), url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/4c754d77-da1a-4aeb-9452-6103a5aea300/public)center center;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(72 34 124 / 0%);
    --background-border-box: #fff;
    --background-menu-marquee: #051d60;
    --background-border-bottom: #4288f7;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #7a98ff 0, #1a4db0 44%, #1019d7 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -17px !important;
    --card-margin-top: -11vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #7a98ff 0, #1a4db0 44%, #1019d7 100%), linear-gradient(180deg, #fbb21f, #ffc107) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #c69dff 0, #6b29bc 44%, #34185f 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #d5ad50;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --loginregishead-btn-border-radius: 90px !important;
    --background-bg-text-highlight: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(180deg, #2db5ff, #151515);
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #04145361, #00449f1c);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #4288f7 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #b98cf3, 0 0 45px #b98cf3, 0 0 55px #b98cf3, 0 0 65px #b98cf3, 0 0 75px #b98cf3, 0 0 85px #b98cf3;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #ffffff 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #55278f, #4e2585 31.53%, #8b4bdd 64.87%, #e0c7ff);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #7a98ff 0, #1a4db0 44%, #1019d7 100%), linear-gradient(180deg, #fbb21f, #ffc107)
}

[data-theme=v224] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #0d0d0d !important;
    --border-solid-menu-active: 0px solid #f5c866 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(0deg, rgb(37 37 37) 0%, rgb(31 31 31) 10%, rgb(23 23 23) 57%, rgb(20 20 20) 66%, rgb(12 12 12) 100%) !important;
    --menu_icon: #f00;
    --background-image-button: linear-gradient(182deg, #292929, #000000) !important;
    --background-image-top-header: linear-gradient(182deg, #292929, #000000) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: radial-gradient(100% 100% at 50% 0, #fb4342 0, #b20100 44%, #7f0000 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #660000 10%, #d42522 57%, #d42522 66%, #660000 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000 0%, #292929) !important;
    --bg-profile: linear-gradient(0deg, #5d0100ed 0%, #000000e6) !important;
    --bg-view: linear-gradient(93deg, #000000a8, #02011f73) !important;
    --bg-view-mobile: linear-gradient(93deg, #000000a8, #02011f73) !important;
    --bg-frame-2-black: linear-gradient(180deg, #292929 0%, #000000 100%);
    --text-theme: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/42e77f65-9fa1-4bbd-fec6-7d3239e8e800/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/ce96d6e6-7017-4c32-7869-4e0ef79db900/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #b10000;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #292929, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px #b10000;
    --background-border-box: #b10000;
    --background-menu-marquee: #580000 !important;
    --background-border-bottom: #b10000;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #ff0415 0, #990004 44%, #4b0208 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #a01111 0, #800002 44%, #4e0001 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #292929 0, #0e0e0e 44%, #000000 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #e6e6e6, #dedede) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: radial-gradient(100% 100% at 50% 0, #353535 0, #292929 44%, #000 100%), linear-gradient(180deg, #fff0, #f00);
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #f00, #f00 31.53%, #f00 64.87%, #f00);
    --MenuLeft-af: linear-gradient(93deg, #76101042, #76101042);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #f00 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #8a0000, 0 0 45px #8a0000, 0 0 55px #8a0000, 0 0 65px #8a0000, 0 0 75px #8a0000, 0 0 85px #8a0000;
    --btn-primary-nav-before: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-after: linear-gradient(45deg, transparent 0%, #1a1a1a24 50%, transparent 100%);
    --btn-primary-nav-hover: linear-gradient(180deg, #292929, #000000), linear-gradient(125deg, #bd0000, #bd0000 31.53%, #bd0000 64.87%, #bd0000);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #ff5957 0, #cd0909 44%, #8a0000 100%), linear-gradient(180deg, #f00, #f00);
    --loginregishead-btn-border-radius: 0px !important;
    --v-login-contact: #000
}

[data-theme=v225] {
    --line-sigIn: linear-gradient(to right, #ffb10000, #000, rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #dcdddc, #7a7676) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #0d0d0d !important;
    --border-solid-menu-active: 0px solid #f5c866 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: linear-gradient(180deg, #000, #292929, #000) !important;
    --menu_icon: #fff299;
    --background-image-button: linear-gradient(180deg, #000, #292929, #000) !important;
    --background-image-top-header: linear-gradient(180deg, #000, #292929, #000) !important;
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(to bottom, #e7cd68 15%, #fff291 40%, #fff291 40%, #946300 76%, #946300 85%, #f0cd55 100%, #e4ac20 100%) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(0deg, #644202 10%, #fff59e 57%, #fff59e 66%, #694809 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #000;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000 0%, #292929) !important;
    --bg-profile: #000000db;
    --bg-view: linear-gradient(93deg, #000000a8, #02011f73) !important;
    --bg-view-mobile: linear-gradient(93deg, #000000a8, #02011f73) !important;
    --bg-frame-2-black: linear-gradient(180deg, #383838 0%, #030303 100%);
    --text-theme: #fff;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/f43ea7cc-2bfc-4085-0792-57acc51c1f00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/702d6dcc-d586-406d-2301-27cf8a8ab700/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff299;
    --active-color-menu: #fff;
    --text-contact-1: #000;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #292929, #000000) !important;
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #000;
    --box-sha-box: inset 0 0 48px 6px rgb(40 34 98);
    --box-sha-box-webkit: inset 0 0 48px 6px #fff49a;
    --background-border-box: #fff49a;
    --background-menu-marquee: #000 !important;
    --background-border-bottom: #fff299;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #000;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #fff299 0, #f7d25e 44%, #e9a42f 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #000 !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #000 !important;
    --top-logo: -23px !important;
    --card-margin-top: -14vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #fff29b 0, #f9d95d 44%, #8c5e1a 100%) !important;
    --deposit-bg-popup: radial-gradient(100% 100% at 50% 0, #292929 0, #0e0e0e 44%, #000000 100%) !important;
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #b34a03;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: #E6E6E6;
    --bg-profile-box-overview: linear-gradient(180deg, #0000006e, #0000006e) !important;
    --text-color-text-web: #000;
    --pagination-button--active: #fff !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #fff;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 3px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(180deg, #c22949, #c53551) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsla(0, 0%, 100%, .3);
    --nav-link-menu: linear-gradient(to bottom, #e7cd68 15%, #fff291 40%, #fff291 40%, #946300 76%, #946300 85%, #f0cd55 100%, #e4ac20 100%) !important;
    --text-theme-menu-no-active: #fff !important;
    --btn-primary-nav: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    --MenuLeft-af: linear-gradient(93deg, #00000080, #00000080);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #fff299 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #8a0000, 0 0 45px #8a0000, 0 0 55px #8a0000, 0 0 65px #8a0000, 0 0 75px #8a0000, 0 0 85px #8a0000;
    --btn-primary-nav-hover: linear-gradient(180deg, #292929, #000000), linear-gradient(125deg, #ddb359, #b58d37 31.53%, #865f1b 64.87%, #fff3f3);
    --loginregishead-btn-primary-nav: radial-gradient(100% 100% at 50% 0, #faea88 0, #c3982f 44%, #946301 100%), linear-gradient(180deg, #ffd395, #ffd395);
    --loginregishead-btn-border-radius: 0px !important;
    --v-login-contact: #000
}

[data-theme=v226] {
    --line-sigIn: linear-gradient(to right, #ffb10000, rgba(110, 78, 14, 1), rgba(0, 0, 0, 0));
    --background-login-gradient: rgba(110, 78, 14, 1);
    --color-login-gradient: rgba(110, 78, 14, 1);
    --bg-footer-theme-a: linear-gradient(189deg, #000000, #000000) !important;
    --website--theme--nav--with--modal--color--light: #000000 !important;
    --website--theme--nav--with--modal--color--dark: #120f09d1 !important;
    --background-image-button-hh: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --border-solid-menu: 0px solid #ffe970 !important;
    --border-solid-menu-active: 1px solid #f00 !important;
    --background-body: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --background-image: linear-gradient(180deg, rgb(19 19 19) 46%, rgb(17 17 17) 90%) !important;
    --text-color: white;
    --background-image-top: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #292929 44%, #000 100%) !important;
    --background-image-button: linear-gradient(180deg, #5b0002, #000);
    --background-image-top-header: linear-gradient(180deg, #9d0000, #000);
    --background-banner-top: linear-gradient(to bottom, #120f09d1, #300d46) !important;
    --background-image-bg-viewgames: linear-gradient(138deg, #0d131c, #0d131c);
    --background-bg-footer: #232323;
    --background-image-popup: rgb(38 24 91 / 84%);
    --background-image-popup-profiles: linear-gradient(180deg, #23214a, #23214a);
    --background-image-popup-profiles-menu: #381f66;
    --background-image-popup-profiles-menumobile: linear-gradient(180deg, #0f1620, #0e151f);
    --background-menu-active: linear-gradient(343deg, #3a0001, #f00) !important;
    --background-menu-active-shadow: 0 5px 5px rgb(3 6 15 / 40%);
    --background-menu-article: #3a3a58;
    --background-menu-article-boder: 2px solid #503c76;
    --background-menu-login: linear-gradient(180deg, #7d6f0f, #f1e869) !important;
    ---menu-index-page: linear-gradient(138deg, #3a000100, #3a000100);
    --v-login: linear-gradient(180deg, #a30d09 0%, #ba2b23 43%, #be1f1e 51%, #6d0401 100%) !important;
    --v-login-border: 0px solid #efeebe !important;
    --v-login-color: #fff;
    --v-login-radius: 30px;
    --background-box-content: linear-gradient(0deg, #000000 0%, #292929) !important;
    --bg-profile: linear-gradient(180deg, #ff0004c9, #000000e8) !important;
    --bg-view: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/429d9af6-7952-40d3-32e0-7737be48d200/public) !important;
    --bg-view-mobile: linear-gradient(182deg, #45143191, #111111a3) !important;
    --bg-frame-2-black: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #292929 50%, #000 100%) !important;
    --text-theme: #ffffff;
    --menu_icon: #ff0004;
    --text-theme-menu: #fff;
    --background-size-mobile-size: cover;
    --background-size-mobile-repeat: no-repeat;
    --text-theme-menu-no-active: #fff !important;
    --bg-app: #000000 !important;
    --bg-app: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/38dae39f-cafe-46b1-ec7c-7bb631de6d00/public) !important;
    --bg-app-desktop: url(https://imagedelivery.net/g1yWpHq5ZqQxQIXvcCDaOA/429d9af6-7952-40d3-32e0-7737be48d200/public) !important;
    --bs-btn-hover-border-color-refer: #120f09d1 !important;
    --text-theme-footer: #fff;
    --active-color-menu: #fff;
    --text-contact-1: #fff;
    --background-size-bg-view: cover;
    --background-size-bg-view-mb: cover;
    --bg-footer-theme-web: linear-gradient(180deg, #950200, #080100);
    --shadow-nav-link: 0 9px 11px rgb(0 0 0 / 64%) !important;
    --credit-bl-text: #fff;
    --bg-active-refer: #fff;
    --box-sha-box: inset 0 0 48px 6px rgb(44 44 44);
    --box-sha-box-webkit: inset 0 0 48px 6px rgb(44 44 44);
    --background-border-box: #ff0004;
    --background-menu-marquee: #101010;
    --background-border-bottom: #ea0309;
    --text-menu-bottom: #fff;
    --btn-withdraw-text: #fff;
    --btn-deposit-text: #fff;
    --h-right: linear-gradient(to left, #8b6200, #c2a334) 2 !important;
    --h-left: linear-gradient(to left, #c2a334, #8b6200) 2 !important;
    --bg-signIn-border: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #292929 44%, #000 100%) !important;
    --bg-signIn-border-solid: 0px solid #ffe970 !important;
    --text-color-input-group: #fff !important;
    --text-title-popular: #fff;
    --input-group-bg: #fff0 !important;
    --input-group-border: #fff0 !important;
    --input-group-color: #fff !important;
    --top-logo: -10px !important;
    --card-margin-top: -2vw !important;
    --card-margin-top-signup: 4vw !important;
    --border-game-solid: rgb(42 42 42 / 0%) !important;
    --bg-menu-popup-modal: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #292929 50%, #000 100%) !important;
    --deposit-bg-popup: linear-gradient(180deg, #f0cf8c, #b7873f);
    --bg-new: #e0c550;
    --number-count-1: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --number-count-2: linear-gradient(180deg, rgb(227 227 227) 0%, rgb(221 221 221) 35%, rgb(217 217 217) 56%, rgb(213 213 213) 74%, rgb(198 198 198) 100%) !important;
    --number-count-3: linear-gradient(180deg, rgb(122 59 0) 0%, rgb(134 68 0) 35%, rgb(162 86 0) 56%, rgb(179 98 0) 74%, rgb(190 106 0) 100%) !important;
    --number-count-4: linear-gradient(180deg, rgb(203 162 71) 0%, rgb(149 114 24) 35%, rgb(127 93 3) 56%, rgb(157 121 31) 74%, rgb(249 206 111) 100%) !important;
    --box-overview-data: #f78bfe;
    --bg-hot: #d12704;
    --img-review-box: #09a2f6;
    --bg-recommend: #ffe970;
    --bg-footer-theme-web-category: radial-gradient(100% 100% at 50% 0, #5a5a5a 0, #353535 44%, #2a2a2a 100%) !important;
    --bg-profile-box-overview: #6f6f6f78;
    --text-color-text-web: #fff;
    --pagination-button--active: #906d13 !important;
    --pagination-button: rgba(213, 173, 80, .5461);
    --v-signin-button: linear-gradient(180deg, rgba(249, 136, 136, 1) 0%, rgba(215, 0, 0, 1) 8%, rgba(130, 0, 0, 1) 51%, rgba(130, 0, 0, 1) 58%, rgba(213, 0, 0, 1) 83%, rgba(235, 92, 92, 1) 97%, rgba(248, 48, 48, 1) 100%) !important;
    --v-signin-button-border: 0px solid #ffffff !important;
    --v-signin-button-text-color: #fff;
    --v-resgister-button: linear-gradient(180deg, rgba(255, 209, 87, 1) 0%, rgba(248, 148, 7, 1) 19%, rgba(254, 184, 0, 1) 78%, rgba(255, 220, 128, 1) 97%, rgba(254, 184, 0, 1) 100%) !important;
    --v-resgister-button-border: 0px solid #ffffff !important;
    --v-resgister-button-text-color: #000000;
    --input-group-bg-signin: #000;
    --text-color-input-group-signin: #fff;
    --border-color-input-group-signin: 0px;
    --right-radius: 0px;
    --left-radius: 0px;
    --center-top-position: 4.2px;
    --text-theme-promotion: #fff;
    --background-bg-text-highlight: linear-gradient(343deg, #580002, #c11010) !important;
    --x-header-bottom: 0px;
    --menu-left-mobile-nav-link: .7rem .25rem;
    --menu-left-mobile-nav-link-360: .7rem .25rem;
    --menu-left-mobile-nav-link-1024: .7rem .25rem;
    --input-group-text-signin: #fff;
    --background-border-bottom-left: hsl(0deg 100% 52% / 60%);
    --nav-link-menu: linear-gradient(180deg, #535353, #000000), linear-gradient(180deg, #f00, #2f0707);
    --btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000);
    --MenuLeft-af: linear-gradient(93deg, #ff0a0a4d, #000000a6);
    --MenuLeft-before: linear-gradient(45deg, transparent 0%, #ff0004 50%, transparent 100%);
    --MenuLeft-after: 0 0 25px #3d0507, 0 0 45px #3d0507, 0 0 55px #3d0507, 0 0 65px #3d0507, 0 0 75px #3d0507, 0 0 85px #3d0507;
    --btn-primary-nav-before: linear-gradient(270deg, rgba(234, 182, 113, 0), #7c0c0c 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-after: linear-gradient(270deg, rgba(234, 182, 113, 0), #7c0c0c 50.8%, rgba(234, 182, 113, 0));
    --btn-primary-nav-hover: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #f00, #790000 31.53%, #790000 64.87%, #ff4747);
    --loginregishead-btn-primary-nav: linear-gradient(180deg, #3b3b3b, #050505), linear-gradient(125deg, #ff1b1b, #6c1e1e 31.53%, #ff0000 64.87%, #7a0000)
}

.MenuLeft {
    background: var(--MenuLeft-af)
}

.MenuLeft:before {
    background: var(--MenuLeft-before);
    width: 2px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

.MenuLeft:after {
    width: 2px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    height: 38%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    mix-blend-mode: screen;
    box-shadow: var(--MenuLeft-after);
    z-index: 9999999999
}

.MenuLeftTopbar {
    background-image: var(--background-image);
    color: var(--text-color)
}

.x-header {
    background: linear-gradient(180deg, #147b45, #19633c) !important;
    border-bottom: var(--x-header-bottom) solid var(--background-border-bottom) !important;
    border-bottom-right-radius: var(--right-radius);
    border-bottom-left-radius: var(--left-radius);
    box-shadow: 0 0 10px #000
}

.fix-navbar {
    background-image: var(--background-image-top)
}

.footerMobileFixed {
    background: var(--background-image-top-header) !important
}

.border-vip-slot {
    border: 1px solid var(--background-border-bottom-vip) !important
}

.v-login {
    background: var(--v-login) !important;
    color: var(--v-login-color) !important;
    border-radius: var(--v-login-radius) !important;
    border: var(--v-login-border) !important;
    font-weight: 800
}

.v-login-signin {
    background: var(--v-signin-button) !important;
    color: var(--v-signin-button-text-color) !important;
    border: var(--v-login-border) !important;
    border: var(--v-signin-button-border) !important;
    border-radius: var(--v-login-radius) !important;
    font-weight: 800
}


.v-register {
    background: var(--v-register) !important;
    color: var(--v-register-color) !important;
    border-radius: var(--v-register-radius) !important;
    border: var(--v-register-border) !important;
    font-weight: 800
}


.loginregishead .btn-primary-nav {
    border-radius: var(--loginregishead-btn-border-radius) !important
}

.v-login-theme-v153, .v-register-theme-v153, .v-login-theme-v180, .v-register-theme-v180 {
    margin-bottom: 1rem;
    font-size: .9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
    border-radius: 5px;
    border: 2px solid transparent;
    background-image: linear-gradient(180deg, #3a3a3a, #101010), linear-gradient(125deg, #ffeed0, #a6761e 31.53%, #fff0d4 64.87%, #ffd382);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0 !important;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    line-height: 22px;
    transition: all .3s
}

.v-login-contact {
    border-radius: var(--v-login-radius) !important;
    color: var(--v-resgister-button-text-color) !important
}

.v-login-register {
    background: var(--v-resgister-button) !important;
    color: var(--v-resgister-button-text-color) !important;
    border: var(--v-login-border) !important;
    border: var(--v-resgister-button-border) !important;
    border-radius: var(--v-login-radius) !important;
    font-weight: 800
}

.v-login-register small, .v-login-contact small {
    color: var(--v-resgister-button-text-color) !important
}

.bg-signIn {
    background: var(--bg-signIn-border) !important;
    border: var(--bg-signIn-border-solid);
    border-radius: var(--v-login-radius) !important;
    color: var(--text-menu-bottom) !important
}

.x-theme-switcher-v2 .-btn-item.-menu-center {
    background: var(--bg-menu-popup-modal) !important
}

.box-content .sub-content {
    background: var(--background-box-content) !important;
    border: var(--bg-signIn-border-solid)
}

a:hover, a {
    color: var(--v-login-color);
    text-decoration: none
}

.btn-login-gradient {
    background: var(--background-login-gradient);
    color: var(--color-login-gradient);
    border-radius: 2.375rem;
    color: #fff
}

.bg-signIn {
    background: #f8f9fa1a;
    border-radius: 60px;
    padding: 32px 26px 26px
}

.bg-signIn-mt-v212 {
    margin-top: 3rem !important
}

.bg-signIn-mt-v213, .bg-signIn-mt-v217, .bg-signIn-mt-v218, .bg-signIn-mt-v220, .bg-signIn-mt-v211, .bg-signIn-mt-v225 {
    margin-top: 1rem !important
}

.x-header .-menu-wrapper .nav-link {
    width: fit-content;
    max-width: 90px;
    height: 90px;
    padding: 0 2px 2px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(180deg, #147b45, #147b45), linear-gradient(180deg, #fff, #fff);
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
    font-size: 12px;
    transition: all .3s
}

.x-menu-provider .nav-link {
    background: var(--background-image-top) !important;
    border: var(--border-solid-menu) !important;
    border-radius: 12px;
    box-shadow: var(--shadow-nav-link) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.Banner-positoin {
    background: var(--background-banner-top)
}

.bg-positoin-footer {
    background: var(--background-bg-footer)
}

.x-footer .-footer-wrapper {
    background-image: var(--background-image-bg-footer)
}

.base-modal-overlay {
    background: var(--bg-profile) no-repeat;
    background-size: cover
}

.modal-dialog .-modal-content-profile {
    border-radius: 15px !important
}

.x-modal-account-menu .navbar-nav .nav-item {
    background: var(--background-image-popup-profiles-menu)
}

.background-image-popup-profiles-menumobile {
    background: var(--background-image-popup-profiles-menumobile)
}

.text-theme {
    color: var(--text-menu-bottom) !important
}

.menu-page .active {
    background: var(--v-login)
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--v-login)
}

.close-model-head {
    color: var(--text-theme-footer) !important
}

:not(.btn-check)+.btn:hover, .btn:first-child:hover {
    color: var(--btn-withdraw-text)
}

.active-refer {
    border-bottom: 1px solid var(--bg-active-refer)
}

li .active {
    background: var(--background-menu-active) !important;
    color: var(--text-theme)
}

.footerMobileFixed .containerMenu li .menuFooter[data-v-d4649762]:hover, .footerMobileFixed .containerMenu li .menuFooter .active[data-v-d4649762] {
    background-color: var(--v-login)
}

.btn-outline-refer {
    border-color: var(--bs-btn-hover-border-color-refer)
}

.bg-marquee-hh {
    height: 36px;
    /* color: var(--text-theme-footer) !important;
    background: var(--background-menu-marquee) !important; */
    border: 0px solid !important;
    box-shadow: var(--shadow-nav-link) !important;
    border-color: var(--text-theme-footer) !important
}

.x-menu-provider .nav-link.active, .x-menu-provider .nav-link:focus, .nav-link:hover {
    background: var(--background-menu-active) !important;
    box-shadow: var(--background-menu-active-shadow) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.nav-item .nav-link.active, .x-menu-provider .nav-link:focus, .nav-link:hover {
    border: var(--border-solid-menu-active) !important;
    background: var(--background-menu-active) !important;
    box-shadow: var(--background-menu-active-shadow) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.nav-item .nav-link, .x-menu-provider {
    color: var(--text-theme-menu-no-active)
}

.nav-link:focus, .nav-link:hover {
    color: var(--active-color-menu) !important
}

.nav-item .nav-link, .x-menu-provider .nav-link, .nav-link {
    color: var(--text-theme-menu-no-active)
}

.x-card-article {
    position: relative;
    padding: 1rem 2rem;
    background-color: var(--background-menu-article);
    border: var(--background-menu-article-boder);
    border-radius: 20px
}

.x-modal.-v2 .-modal-content[data-v-87e06542] {
    background-image: var(--background-menu-login);
    border: 2px solid #9ee2fe !important;
    background-clip: unset
}

.x-modal-account-security-tabs.-v2 .-btn.-active {
    color: #fafafa;
    background: var(--background-menu-login)
}

.x-index-top-container .-menu-index-page {
    background: var(---menu-index-page)
}

.offcanvas-lg {
    background: var(--bg-profile) !important
}

.text-deposit {
    color: var(--menu_icon)
}

.isTop-menu-left-position {
    top: 8%;
    width: inherit;
    height: auto
}

.text-white-v1-web {
    color: var(--text-color-text-web) !important
}

.neon-auth-box {
    box-shadow: 0 0 30px var(--neno-color)
}

.couponx {
    padding: 1em;
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
    margin: 0 auto;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.bg-profile-box-overview {
    background: var(--bg-profile-box-overview) !important;
    box-shadow: inset 0 0 0 .5px var(--bg-profile-box-overview);
    border-radius: 6px;
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.bg-dark-table {
    background: var(--background-image-top-header);
}

dev, small, h3, .align-self-center {
    color: #ffffff;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.css-1gtlm76 {
    background: rgb(39, 29, 66);
    margin-top: 20px;
    /* height: 1050px; */
    overflow: auto;
    white-space: nowrap;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
}





.x-lucky-wheel-share-component {
    padding-top: 3rem;
    background-color: #000;
    background-size: cover;
    background-position: 50%
}

@media (max-width: 767.98px) {
    .x-lucky-wheel-share-component {
        padding-top: 2rem
    }
}

.x-lucky-wheel-share-component .-heading-title {
    margin-bottom: .75rem;
    background: linear-gradient(180deg, #f5bc2f, #ffd879 33.5%, #f5bc2f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767.98px) {
    .x-lucky-wheel-share-component .-heading-title {
        font-size: 2rem
    }
}

@media (max-width: 575.98px) {
    .x-lucky-wheel-share-component .-heading-title {
        font-size: 1.75rem
    }
}

.x-lucky-wheel-share-component .-tabs-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.x-lucky-wheel-share-component .-tabs-wrapper .-btn-tab {
    min-width: 140px;
    color: #fafafa;
    background: #841f49;
    border-radius: 0;
    font-size: 1.125rem;
    font-weight: 500
}

.x-lucky-wheel-share-component .-tabs-wrapper .-btn-tab.-active, .x-lucky-wheel-share-component .-tabs-wrapper .-btn-tab:hover {
    color: #fafafa;
    background: #c02363
}

.x-lucky-wheel-share-component .-tabs-wrapper .-btn-tab:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.x-lucky-wheel-share-component .-tabs-wrapper .-btn-tab:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

@media (max-width: 767.98px) {
    .x-lucky-wheel-share-component .-tabs-wrapper .-btn-tab {
        min-width: 120px;
        font-size: 1rem
    }
}

@media (max-width: 575.98px) {
    .x-lucky-wheel-share-component .-tabs-wrapper .-btn-tab {
        min-width: 100px;
        font-size: 1rem
    }
}

.x-lucky-wheel-share-component .-btn-spin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-width: 300px;
    margin: auto;
    border-radius: .25rem;
    color: #fafafa;
    background: linear-gradient(180deg, #fdb368, #f25a59)
}

.x-lucky-wheel-share-component .-btn-spin:hover {
    color: #fafafa;
    background: linear-gradient(180deg, #dc9852, #c33938)
}

.x-lucky-wheel-share-component .-btn-spin.-disabled, .x-lucky-wheel-share-component .-btn-spin:disabled {
    -webkit-filter: brightness(.75);
    filter: brightness(.75)
}

.x-lucky-wheel-share-component .-btn-spin .-text {
    font-size: 1.25rem;
    font-weight: 600;
    text-shadow: none
}

.x-lucky-wheel-share-component .-btn-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    padding: 0;
    aspect-ratio: 1;
    color: #fafafa;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 4px
}

.x-lucky-wheel-share-component .-btn-info:hover {
    color: #fafafa;
    background: hsla(0, 0%, 100%, .5)
}

.x-lucky-wheel-share-component .-btn-info.-disabled, .x-lucky-wheel-share-component .-btn-info:disabled {
    -webkit-filter: brightness(.75);
    filter: brightness(.75)
}

@media (max-width: 767.98px) {
    .x-lucky-wheel-share-component .-btn-info {
        width: 36px
    }
}

.x-lucky-wheel-share-component .-btn-info-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    position: absolute;
    right: 2rem;
    z-index: 1
}

@media (max-width: 767.98px) {
    .x-lucky-wheel-share-component .-btn-info-wrapper {
        flex-direction: column;
        align-items: flex-end;
        right: 1rem
    }
}

.x-lucky-wheel-share-component .-no-result-wrapper {
    padding: 3rem 0
}

@media (max-width: 767.98px) {
    .x-lucky-wheel-share-component .-wheel-entry-wrapper {
        padding: 0 1rem
    }
}

.x-wheel-progress-wrapper {
    margin-top: -17rem;
    padding: 18.5rem 0 2.5rem;
    color: #fafafa;
    background: linear-gradient(180deg, #731e58, #5c255a)
}

@media (max-width: 575.98px) {
    .x-wheel-progress-wrapper {
        margin-top: -48%;
        padding: 53% 0 2.5rem
    }
}

.x-wheel-progress-wrapper .-inner-wrapper {
    max-width: 550px;
    margin: auto;
    text-align: center
}

@media (max-width: 767.98px) {
    .x-wheel-progress-wrapper .-inner-wrapper {
        font-size: .9375rem
    }
}

@media (max-width: 575.98px) {
    .x-wheel-progress-wrapper .-inner-wrapper {
        font-size: .875rem
    }
}

.x-wheel-progress-wrapper .-progress {
    position: relative;
    padding: 3px;
    height: 28px;
    border-radius: 4px;
    background: #3e1739
}

.x-wheel-progress-wrapper .-progress-bar {
    color: #fafafa;
    background: linear-gradient(180deg, #de216e, #ff3385);
    border-radius: 4px
}

.x-wheel-progress-wrapper .-label {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#luckyWheelResultModal .x-title-modal {
    font-weight: 600;
    color: #fbc844
}

#luckyWheelResultModal .-modal-content .-modal-header {
    padding-bottom: .5rem
}

.x-lucky-wheel-history-modal.-v2 .-modal-content .-modal-body {
    padding: 0 1rem 1.5rem
}

.x-wheel-result-modal-container {
    text-align: center
}

.x-wheel-result-modal-container .-reward-image-wrapper {
    position: relative;
    width: 160px;
    height: auto;
    margin: auto;
    aspect-ratio: 1;
    padding: 1.25rem
}

.x-wheel-result-modal-container .-reward-image-wrapper .-img-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    translate: -50% -50%;
    -webkit-animation: x-wheel-reward-spin 6s linear infinite;
    animation: x-wheel-reward-spin 6s linear infinite
}

.x-wheel-result-modal-container .-reward-image-wrapper .-img {
    position: relative;
    width: 100%;
    z-index: 1
}

.x-wheel-result-modal-container .-description {
    font-size: 1.125rem
}

.x-wheel-result-modal-container .-notice-box {
    width: 100%;
    margin: 2rem auto 0;
    padding: 1rem;
    color: #fdb368;
    background: #310b1d;
    border-radius: .5rem;
    overflow: hidden
}

.x-wheel-result-modal-container .-notice-box .-detail-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.x-wheel-result-modal-container .-notice-box-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .5rem;
    display: block;
    color: #fafafa
}

.x-wheel-result-modal-container .-ic-bell {
    width: 34px
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.x-wheel-result-modal-container .-ic-chevron {
    -webkit-animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) infinite alternate both;
    animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) infinite alternate both
}

.x-wheel-result-modal-container .-ic-chevron.-right {
    rotate: -180deg
}

.x-wheel-result-modal-container .-btn-close-modal {
    width: 100%;
    margin-top: 1rem;
    padding: .75rem;
    color: #fafafa;
    background: #fdb368;
    transition: all .2s
}

.x-wheel-result-modal-container .-btn-close-modal:hover {
    color: #fafafa;
    background: #fec68e
}

.x-wheel-result-modal-container .-btn-notify {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .5rem;
    font-size: .9375rem;
    color: #fff;
    background: transparent;
    border-radius: 4px
}

.x-wheel-result-modal-container .-btn-notify:hover {
    color: #fafafa;
    background: hsla(0, 0%, 100%, .1)
}

@media (min-width: 992px) {
    .x-wheel-history-container {
        max-height: 550px
    }
}

.x-wheel-history-container .-bill-history-container {
    max-height: unset;
    overflow: unset
}

.x-wheel-history-container .-bill-history-container:last-child {
    padding-bottom: 1rem
}

.x-wheel-history-container .table .-transaction-body-wrapper {
    width: 130px
}

.x-wheel-history-container .table .-amount.-deposit {
    color: #2bb065
}

.x-wheel-history-container .table .-datetime {
    color: #d4d4d4
}

.x-wheel-history-container .table .-code, .x-wheel-history-container .table .-code a {
    color: #fdb368
}

.x-wheel-history-container .-btn-apply {
    min-width: 100px;
    padding: .5rem;
    font-size: .875rem;
    color: #fafafa;
    background: linear-gradient(180deg, #fdb368, #f25a59);
    border-radius: 5px
}

.x-wheel-history-container .-btn-apply:hover {
    color: #fafafa;
    background: linear-gradient(180deg, #dc9852, #c33938)
}

.x-wheel-history-container .-btn-apply.-disabled, .x-wheel-history-container .-btn-apply:disabled {
    -webkit-filter: brightness(.75);
    filter: brightness(.75)
}

.x-wheel-history-container .-btn-load-more {
    color: #fafafa;
    background: linear-gradient(180deg, #fdb368, #f25a59);
    border-radius: 5px
}

.x-wheel-history-container .-btn-load-more:hover {
    color: #fafafa;
    background: linear-gradient(180deg, #dc9852, #c33938)
}

.x-wheel-history-container .-btn-load-more.-disabled, .x-wheel-history-container .-btn-load-more:disabled {
    -webkit-filter: brightness(.75);
    filter: brightness(.75)
}

.x-wheel-history-container .-paginate-info {
    margin-top: .5rem;
    font-size: .75rem;
    font-style: italic
}

@-webkit-keyframes x-wheel-reward-heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes x-wheel-reward-heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes x-wheel-reward-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes x-wheel-reward-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.x-wheel-container {
    position: relative;
    width: 550px;
    height: auto;
    aspect-ratio: 1;
    margin: 4rem auto 3rem;
    padding: 1.5rem;
    overflow: hidden;
    background-size: contain
}

@media (max-width: 767.98px) {
    .x-wheel-container {
        width: 100%;
        max-width: 500px;
        margin-top: 2rem;
        margin-bottom: 1.5rem
    }
}

.x-wheel-container .-wheel-ring {
    width: 96%;
    height: 96%
}

.x-wheel-container .-center-pin, .x-wheel-container .-wheel-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-wheel-container .-center-pin {
    width: 28%;
    height: auto;
    aspect-ratio: 1;
    background: #000;
    border: 3px solid orange;
    border-radius: 9999px
}

.x-wheel-container .-wheel-pin {
    position: absolute;
    bottom: 13%;
    left: 50%;
    z-index: 1;
    width: 76%;
    height: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-wheel-container .-reward-img {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 1;
    width: 47%;
    opacity: 0;
    visibility: hidden;
    -webkit-filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, .5));
    filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, .5));
    transition: all .2s
}

.x-wheel-container .-reward-img.-loaded {
    opacity: 1;
    visibility: visible;
    -webkit-animation: x-wheel-reward-heartbeat 1s ease-in-out .2s 2 both;
    animation: x-wheel-reward-heartbeat 1s ease-in-out .2s 2 both
}

.x-wheel-inner-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92%;
    height: 92%;
    background: #141414;
    border-radius: 9999px;
    overflow: hidden;
    translate: -50% -50%
}

.x-wheel-inner-wrapper.-length-8 .-spinner {
    -webkit-transform: rotate(23deg);
    transform: rotate(23deg)
}

.x-wheel-inner-wrapper.-length-9 .-spinner {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg)
}

.x-wheel-inner-wrapper.-length-9 .-wheel-section {
    -webkit-clip-path: polygon(0 0, 53% 0, 100% 100%, 0 53%);
    clip-path: polygon(0 0, 53% 0, 100% 100%, 0 53%)
}

.x-wheel-inner-wrapper.-length-10 .-spinner {
    -webkit-transform: rotate(27deg);
    transform: rotate(27deg)
}

.x-wheel-inner-wrapper.-length-10 .-wheel-section {
    -webkit-clip-path: polygon(0 0, 48% 0, 100% 100%, 0 48%);
    clip-path: polygon(0 0, 48% 0, 100% 100%, 0 48%)
}

.x-wheel-inner-wrapper.-length-11 .-spinner {
    -webkit-transform: rotate(29deg);
    transform: rotate(29deg)
}

.x-wheel-inner-wrapper.-length-11 .-wheel-section {
    -webkit-clip-path: polygon(0 0, 45% 0, 100% 100%, 0 45%);
    clip-path: polygon(0 0, 45% 0, 100% 100%, 0 45%)
}

.x-wheel-inner-wrapper.-length-11 .-wheel-content-wrapper {
    max-width: 46%
}

.x-wheel-inner-wrapper.-length-12 .-spinner {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.x-wheel-inner-wrapper.-length-12 .-wheel-section {
    -webkit-clip-path: polygon(0 0, 42% 0, 100% 100%, 0 42%);
    clip-path: polygon(0 0, 42% 0, 100% 100%, 0 42%)
}

.x-wheel-inner-wrapper.-length-12 .-wheel-content-wrapper {
    max-width: 45%
}

.x-wheel-inner-wrapper.-length-11 .-wheel-content-wrapper .-text, .x-wheel-inner-wrapper.-length-12 .-wheel-content-wrapper .-text {
    font-size: .9375rem
}

@media (max-width: 575.98px) {
    .x-wheel-inner-wrapper.-length-11 .-wheel-content-wrapper .-text, .x-wheel-inner-wrapper.-length-12 .-wheel-content-wrapper .-text {
        font-size: .75rem
    }
}

.x-wheel-inner-wrapper .-spinner {
    width: 100%;
    height: 100%;
    transition: -webkit-transform 7s cubic-bezier(.35, 0, .2, 1);
    transition: transform 7s cubic-bezier(.35, 0, .2, 1);
    transition: transform 7s cubic-bezier(.35, 0, .2, 1), -webkit-transform 7s cubic-bezier(.35, 0, .2, 1)
}

.x-wheel-inner-wrapper .-wheel-section {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 50%;
    height: 50%;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    rotate: calc(1turn/var(--wheel-length)*var(--wheel-index));
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-clip-path: polygon(0 0, 58% 0, 100% 100%, 0 58%);
    clip-path: polygon(0 0, 58% 0, 100% 100%, 0 58%)
}

.x-wheel-inner-wrapper .-wheel-section:nth-child(odd) {
    background: linear-gradient(#1a1a1a, #332f2d)
}

.x-wheel-inner-wrapper .-wheel-section:nth-child(2n) {
    background: linear-gradient(#353535, #353535)
}

.x-wheel-inner-wrapper .-wheel-section.-active {
    background: linear-gradient(#fe602c, #ff8c2d)
}

.x-wheel-inner-wrapper .-wheel-content-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    rotate: -45deg;
    text-align: center;
    max-width: 52%
}

.x-wheel-inner-wrapper .-wheel-content-wrapper .-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    color: #fff
}

@media (max-width: 575.98px) {
    .x-wheel-inner-wrapper .-wheel-content-wrapper .-text {
        font-size: .875rem
    }
}

.x-wheel-inner-wrapper .-wheel-content-wrapper .-img {
    width: 40%;
    height: auto;
    margin-top: .5rem
}

.x-wheel-progress {
    position: relative;
    width: 550px;
    height: 1.25rem;
    margin: auto
}

.x-wheel-progress .-label {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}


.whell1 {
    --wheel-index: 1;
}

.whell2 {
    --wheel-index: 2;
}

.whell3 {
    --wheel-index: 3;
}

.whell4 {
    --wheel-index: 4;
}

.whell5 {
    --wheel-index: 5;
}

.whell6 {
    --wheel-index: 6;
}

.whell7 {
    --wheel-index: 7;
}

.whell8 {
    --wheel-index: 8;
}

.whell9 {
    --wheel-index: 9;
}

.whell10 {
    --wheel-index: 10;
}

.whell11 {
    --wheel-index: 11;
}

.whell12 {
    --wheel-index: 12;
}

.whell13 {
    --wheel-index: 12;
}



.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}


@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInUpGameCategory {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1%, 0);
        transform: translate3d(0, 1%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpGameCategory {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1%, 0);
        transform: translate3d(0, 1%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes x-excited-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(14);
        transform: scale(14)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(10);
        transform: scale(10)
    }

    75% {
        opacity: 0;
        -webkit-transform: scale(6);
        transform: scale(6)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes x-excited-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(14);
        transform: scale(14)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(10);
        transform: scale(10)
    }

    75% {
        opacity: 0;
        -webkit-transform: scale(6);
        transform: scale(6)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes x-excited-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(5);
        transform: scale(5)
    }
}

@keyframes x-excited-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(5);
        transform: scale(5)
    }
}

.fadeInUpGameCategory {
    -webkit-animation-name: fadeInUpGameCategory;
    animation-name: fadeInUpGameCategory
}

@-webkit-keyframes fadeInGameCategory {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInGameCategory {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeInGameCategory {
    -webkit-animation-name: fadeInGameCategory;
    animation-name: fadeInGameCategory
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInNotOpacity {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInNotOpacity {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.x-bill-history-container .-no-result-wrapper .-heading-title .-title {
    margin-top: 0.5rem;
    font-size: 1.25rem;
    font-weight: 300;
    color: #d9ad70;
}

.x-bill-history-container .-no-result-wrapper {
    padding: 1rem;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 5px;
    text-align: center;
}

.fadeInNotOpacity {
    -webkit-animation-name: fadeInNotOpacity;
    animation-name: fadeInNotOpacity
}

@-webkit-keyframes x-hamburger-wave {
    0% {
        width: 70%
    }

    to {
        width: 100%
    }
}

@keyframes x-hamburger-wave {
    0% {
        width: 70%
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes fadeInModal {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInModal {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeInModal,
.fadeInRegister {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@media (max-width:991.98px) {

    .fadeInModal,
    .fadeInRegister {
        -webkit-animation-name: fadeInModal;
        animation-name: fadeInModal
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


.lucky-wheel-container {
    position: fixed;
    z-index: 10;
    top: 65%;
    bottom: undefined;
    left: 0%;
    right: undefined;
    width: 137px;
    height: 137px;
}


.lucky-wheel-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.lucky-wheel-container .floating-lucky-wheel {
    width: 100%;
}

.lucky-wheel-container .close-btn {
    position: absolute;
    z-index: 100;
    /* ทำให้ปุ่มอยู่เหนือรูป */
    top: 5px;
    /* ปรับให้อยู่ในขอบบน */
    right: 8px;
    /* ชิดขอบขวา */
    width: 20px;
    height: 20px;
    background-color: red;
    /* เพิ่มสีปุ่ม */
    border-radius: 50%;
    /* ปุ่มวงกลม */
    border: 1px solid white;
    /* เส้นขอบ */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
}


.carousel-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slider {
    display: flex;
    transition: transform 0.35s ease-in-out;
}

.slide {
    flex: 0 0 100%;
}

.control-prev,
.control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.control-prev {
    left: 10px;
}

.control-next {
    right: 10px;
}

.control-dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: lightgrey;
    border-radius: 50%;
    cursor: pointer;
}



.css-126xj0f {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

.css-919eu4 {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}

.css-ekeie0 {
    height: 100%;
    outline: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-1nhstuc {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 1200px;
    width: calc(100% - 64px);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    margin: 32px;
}

.css-k008qs {
    display: flex;
}

.css-125zl25 {
    width: 25%;
    background-image: url(https://d12lxcfs2l5om8.cloudfront.net/bbtenyu/webimages/info_dialog/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}

.css-16hew80 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px;
    width: 240px;
    height: 70px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 50px 0px 0px;
    text-decoration: none;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(53, 39, 88);
    border-radius: 50px;
}

.css-1o91qow {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 20px;
    font-family: Kanit;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-8ulote {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px;
    width: 240px;
    height: 70px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 20px 0px 0px;
    text-decoration: none;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(53, 39, 88);
    border-radius: 50px;
}

.css-1o91qow {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 20px;
    font-family: Kanit;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-i9gxme {
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.css-1by5e5o {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px;
    width: 240px;
    height: 70px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px 0px 20px;
    text-decoration: none;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(53, 39, 88);
    border-radius: 15px;
}

.css-1okqa6k {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.5rem;
    color: white;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.css-1o91qow {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 20px;
    font-family: Kanit;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-1ajiwg8 {
    width: 75%;
    background: linear-gradient(rgb(65, 64, 66) 30%, rgb(35, 31, 32) 100%);
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.css-1sjcmme {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
}

.css-1mv6lwv {
    padding-top: 50px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
}

.css-1j0jj7z {
    height: 200px;
    width: 230px;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-yamfrd {
    margin: 0px 0px 10px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 14px;
    white-space: nowrap;
}

.css-1r2f04i {
    margin-bottom: 10px;
}

.css-xwuunc {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
}

.css-989l4c {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 20px;
    line-height: 90%;
    white-space: nowrap;
}

.css-xwuunc {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
}

.css-1sa9vfb {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 40px;
}

.css-881e75 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(245, 245, 245);
    font-family: kanit;
    font-size: 15px;
    white-space: nowrap;
}

.css-5kjraz {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(245, 245, 245);
    font-family: kanit;
    font-size: 10px;
    white-space: nowrap;
}

.css-1mzpksw {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    margin-top: 30px;
    padding-left: 20px;
    gap: 10px;
    margin-bottom: 0px;
}

.css-qoxoke {
    width: 170px;
    height: 230px;
    background: linear-gradient(rgb(193, 193, 193) 0%, rgb(142, 142, 142) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.css-1mi3tt8 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.css-1mi3tt8 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.css-fa6h1x {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: ksmed;
    font-size: 20px;
    white-space: nowrap;
}

.css-1vtfy49 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: ksmed;
    font-size: 14px;
    white-space: nowrap;
}

.css-1acfr03 {
    width: 170px;
    height: 230px;
    background: linear-gradient(rgb(221, 156, 72) 0%, rgb(179, 121, 47) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.css-1mi3tt8 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.css-fa6h1x {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: ksmed;
    font-size: 20px;
    white-space: nowrap;
}

.css-f0i1a7 {
    width: 170px;
    height: 230px;
    background: linear-gradient(rgb(193, 47, 154) 0%, rgb(138, 26, 110) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.css-t3doht {
    width: 170px;
    height: 230px;
    background: linear-gradient(rgb(155, 88, 36) 0%, rgb(119, 63, 14) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}


.css-jmvsjj {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 28px;
}

.css-4iphth {
    width: 90%;
    background: rgb(37, 39, 64);
    border-radius: 30px;
    margin-top: 10px;
}

.css-flgweo {
    margin: 20px 0px 0px 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(252, 189, 17);
    font-family: ksbold;
    font-size: 24px;
    cursor: pointer;
}

.css-1f8hzjo {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 30px;
}

.css-17nk34h {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 20px;
}

.css-ubek3i {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 250px;
}

.css-17846c8 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}

.css-jn3rqv {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.css-1wbloc6 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: ks;
    font-size: 40px;
}

.css-r15qn4 {
    width: 500px;
    background: rgb(37, 39, 64);
    border-radius: 30px;
    margin-top: 10px;
}

.css-flgweo {
    margin: 20px 0px 0px 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(252, 189, 17);
    font-family: ksbold;
    font-size: 24px;
    cursor: pointer;
}

.css-1f8hzjo {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 30px;
}

.css-1mvgw5v {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: Kanit;
    font-size: 24px;
}

.css-9tvd8z {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 310px;
}

.css-17846c8 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}

.css-17846c8 label {
    color: white;
}


.css-p0rm37 {
    color: rgba(0, 0, 0, 0.6);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    display: block;
    transform-origin: left top;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(14px, 16px) scale(1);
    z-index: 1;
    pointer-events: none;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
}

.css-17846c8 .MuiOutlinedInput-root fieldset {
    border: none;
    background: rgb(60, 61, 86);
    border-radius: 35px;
}

.css-igs3ac {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}

.css-1ftyaf0 {
    float: unset;
    display: block;
    width: auto;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 0.01px;
    overflow: hidden;
    padding: 0px;
    transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1);
    white-space: nowrap;
}

.css-9tvd8z {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 310px;
}

.css-17846c8 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}

.css-axodvu {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 20px 0px 0px;
    border: 0px;
    vertical-align: top;
}

.css-8sbcpj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    width: 310px;
    height: 60px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 50px;
}

input:focus {
    outline: none;
    /* ลบกรอบเริ่มต้นที่แสดงเมื่อคลิก */
    border: none;
    /* ลบเส้นขอบ */
}

.MuiInputBase-input:focus {
    outline: none;
    border: none;
}


.css-tjtlq7 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: ksmed;
    font-size: 28px;
    white-space: nowrap;
}

.css-1gz07rm {
    width: 100%;
    background: linear-gradient(rgb(65, 64, 66) 30%, rgb(35, 31, 32) 100%);
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.css-1sjcmme {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
}

.css-1nifn74 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.css-tjtlq7 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: ksmed;
    font-size: 28px;
    white-space: nowrap;
}

.css-piyqnk {
    padding-top: 50px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
}

.css-1vcfgay {
    height: 120px;
    width: 95%;
    text-align: center;
    background: rgb(47, 48, 79);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 50px;
}

.css-s8vbhp {
    margin-left: 20px;
}

.css-1bqll34 {
    margin: 0px 0px 5px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    white-space: nowrap;
}

.css-170qamw {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 12px;
    margin: 0px;
    white-space: nowrap;
}

.css-jgkti8 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-family: kanit;
    font-size: 18px;
    white-space: nowrap;
}

.css-1yauli6 {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 30px;
}

.css-881e75 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(245, 245, 245);
    font-family: kanit;
    font-size: 15px;
    white-space: nowrap;
}

.css-x76tda {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(245, 245, 245);
    font-family: kanit;
    font-size: 8px;
    white-space: nowrap;
}

.css-1hapwbd {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin-top: 30px;
    padding-left: 20px;
    gap: 5px;
    margin-bottom: 20px;
}

.css-bq6y1w {
    width: 95%;
    height: 230px;
    background: linear-gradient(rgb(193, 193, 193) 0%, rgb(142, 142, 142) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.css-1mi3tt8 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.css-1mi3tt8 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.css-17hry5i {
    width: 95%;
    height: 230px;
    background: linear-gradient(rgb(193, 47, 154) 0%, rgb(138, 26, 110) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.css-j1n0fe {
    width: 95%;
    height: 230px;
    background: linear-gradient(rgb(221, 156, 72) 0%, rgb(179, 121, 47) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.css-17hry5i {
    width: 95%;
    height: 230px;
    background: linear-gradient(rgb(193, 47, 154) 0%, rgb(138, 26, 110) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.css-g5ps5h {
    width: 95%;
    height: 230px;
    background: linear-gradient(rgb(155, 88, 36) 0%, rgb(119, 63, 14) 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.css-1je3yjr {
    width: 100%;
    height: 100px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
}

.css-ji8ket {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: kanit;
    font-size: 15px;
    white-space: nowrap;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-1riyxa7 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-left: 10px;
}

.css-eajj09 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding-left: 10px;
    margin-top: 10px;
}

.css-w966cr {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    width: 95%;
    height: 50px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(63, 56, 112);
    border-radius: 10px;
}

.css-a4xqmz {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    width: 95%;
    height: 50px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(47, 48, 79);
    border-radius: 10px;
}

.css-ji8ket {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: kanit;
    font-size: 15px;
    white-space: nowrap;
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-3i1t36 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    color: rgb(25, 118, 210);
    width: 250px;
    height: 50px;
    outline: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    text-decoration: none;
    padding: 6px 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(rgb(129, 213, 57) 0%, rgb(0, 179, 2) 100%);
    border-radius: 50px;
}

.css-1uo9vnu {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 30px 0px 0px;
    border: 0px;
    vertical-align: top;
}

.carousel-root {
    pointer-events: auto;
    /* ทำให้ carousel สามารถจับ event ได้ */

    z-index: 10000;
    /* ค่า z-index สูงพอ */
}

.slider-wrapper, .slider-wrapper ul {
    pointer-events: auto;
}

.css-dpbce0 {
    background: rgb(45, 46, 74);
    display: flex;
    height: 500px;
}

.css-xhdgqk {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px;
    background-size: 100% 75%;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.css-1u5kmj0 {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 34px;
    font-family: kanit;
}

.css-96nhoq {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    color: white;
    font-size: 14px;
    font-family: kanit;
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
}


.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: rgb(45, 46, 74);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 20px !important;
    /* ทำให้ขอบกลม */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /* เพิ่มเงา */
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .8
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        height: 233px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {

        max-width: 1140px
    }
}


.x-modal.-v2 .close {
    color: #fafafa;
    text-shadow: none;
}

.x-modal .close {
    top: 8px;
    right: 8px;
}

.x-modal .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: .9;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.f-1 {
    font-size: 2.5rem !important;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

@media screen and (max-width: 767px) {

    /* ปรับสไตล์ของกล่อง Rank */
    .rank-container {
        background: rgb(12 18 98);
        border-radius: 12px;
        padding: 10px;
        margin: 10px 0px 0px 0px;
        text-align: center;
        color: white;
        width: 100%;
        /* ปรับให้เต็มจอมากขึ้น */
        /* max-width: 350px; */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

    .profile-container {
        background: rgb(12 18 98);
        border-radius: 12px;
        padding: 10px;
        margin-left: 5px;
        text-align: center;
        margin: 10px 0px 0px 0px;
        color: white;
        width: 100%;
        /* max-width: 350px; */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        font-size: 14px;
    }

    /* แสดงไอคอน Rank อยู่ตรง Progress Bar */
    .rank-progress-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .rank-image {
        width: 85px;
        height: 85px;
        object-fit: contain;
    }

    .rank-bonus-text {
        position: absolute;
        bottom: -10px;
        left: 0;
        /* จัดชิดซ้าย */
        font-size: 12px;
        color: #ffffff;
        /* background: rgba(0, 0, 0, 0.5); */
        padding: 2px 8px;
        border-radius: 6px;
    }

    /* ปรับตำแหน่งของ Rank Header และเงื่อนไข */
    .rank-header-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        /* padding: 5px 10px; */
    }

    .rank-header {
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }

    .rank-condition {
        font-size: 12px;
        color: #ccc;
        text-align: right;
    }

    /* ปรับ Progress Bar ให้ขนาดเล็กลง */
    .rank-progress {
        flex-grow: 1;
        height: 6px;
        background: #444;
        border-radius: 4px;
        overflow: hidden;
        margin-left: 10px;
        margin-right: 10px;
    }

    .progress-fill {
        width: 30%;
        /* ปรับเป็น Dynamic */
        height: 100%;
        background: #4caf50;
    }

    /* ปรับปุ่มรับ 50 ให้เล็กลง */
    .rank-button {
        background: #28a745;
        border: none;
        padding: 3px 10px;
        font-size: 12px;
        color: white;
        border-radius: 6px;
        cursor: pointer;
        transition: background 0.3s;
    }

    .rank-button:hover {
        background: #218838;
    }

    /* ปุ่ม Dropdown ลูกศร */
    .rank-dropdown {
        display: flex;
        justify-content: center;
        margin-top: 8px;
        cursor: pointer;
    }

    .rank-dropdown::after {
        content: "▼";
        font-size: 14px;
        color: white;
        transition: transform 0.3s;
    }

    .rank-dropdownup::after {
        content: "▲";
        font-size: 14px;
        color: red;
        transition: transform 0.3s;
    }

    .rank-dropdown.open::after {
        transform: rotate(180deg);
    }

    /* ปรับ Overlay ให้เป็นแบบ Transparent */
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        /* ลดความทึบลง */
        display: none;
        z-index: 50;
    }

    .overlay.active {
        display: block;
    }


    /* Container Profile */


    /* position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%);
background:rgb(12 18 98);
border-radius: 12px;
padding: 10px;
text-align: center;
color: white;
width: 100%; /* ปรับให้เต็มจอมากขึ้น 
max-width: 350px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); */


    .profile-header {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .profile-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 8px;
        background-color: transparent;
    }

    .profile-left {
        text-align: left;
    }

    .profile-name {
        font-size: 16px;
        font-weight: bold;
    }

    .profile-phone {
        font-size: 12px;
        color: #ccc;
    }

    .profile-user {
        font-size: 12px;
        color: #bbb;
    }

    .badge {
        font-size: 12px;
        background: #ffcc00;
        color: #000;
        padding: 2px 6px;
        border-radius: 6px;
        cursor: pointer;
    }

    .profile-right {
        text-align: right;
        color: #ffcc00;
        font-weight: bold;
        font-size: 14px;
    }

    /* เส้นแบ่งก่อนถึงปุ่ม */
    .profile-divider {
        border: none;
        height: 1px;
        background: #ddd;
        /* สีเทาขาว */
    }

    .profile-actions {
        display: flex;
        justify-content: space-around;
        margin-top: 10px;
    }

    .button-deposit, .button-withdraw {
        width: 45%;
        padding: 8px 0;
        /* ลด padding เพื่อให้ปุ่มเตี้ยลง */
        font-size: 16px;
        line-height: 1.5;
        /* ควบคุมความสูงของตัวอักษรให้สมดุล */
        border-radius: 8px;
        font-weight: bold;
        text-align: center;
        /* จัดให้อยู่ตรงกลางแนวนอน */
        display: flex;
        justify-content: center;
        align-items: center;
        /* จัดให้อยู่ตรงกลางแนวตั้ง */
    }

    .button-deposit {
        background: #28a745;
        border: none;
        color: white;
        cursor: pointer;
        transition: background 0.3s;
    }

    .button-deposit:hover {
        background: #218838;
    }

    .button-withdraw {
        background: #dc3545;
        border: none;
        color: white;
        cursor: pointer;
        transition: background 0.3s;
    }

    .button-withdraw:hover {
        background: #c82333;
    }


    /* Container Bank */
    .bank-container {
        background: rgb(12 18 98);
        border-radius: 12px;
        text-align: center;
        color: white;
        width: 100%;
        /* max-width: 350px; */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        margin: 10px 0px 0px 0px;
        font-size: 14px;
    }

    .bank-header {
        font-weight: bold;
        margin-top: 10px;
        padding-bottom: 5px;
    }

    .bank-info {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 8px;
    }

    .bank-logo {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .bank-details {
        text-align: left;
    }

    .center-container {
        display: flex;
        flex-direction: column;
        /* จัดเรียงแนวตั้ง */
        justify-content: center;
        /* จัดตรงกลางแนวตั้ง */
        align-items: center;
        /* จัดตรงกลางแนวนอน */
        height: 100%;
        /* ต้องกำหนดความสูงให้กับ div */
        text-align: center;
        /* เผื่อบางกรณี */
    }

    .bank-name {
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
    }

    .bank-account {
        font-size: 14px;
        margin-top: -15px;
        color: #ddd;
    }

    /* Container Change Password */
    .password-container {
        background: rgb(12 18 98);
        border-radius: 12px;
        padding: 15px;
        text-align: center;
        color: white;
        width: 100%;
        /* max-width: 350px; */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        margin: 10px 0px 0px 0px;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .password-button, .upload-slip-button {
        width: 48%;
        padding: 10px;
        font-size: 14px;
        border-radius: 8px;
        font-weight: bold;
        cursor: pointer;
    }

    .password-button {
        background: #444;
        color: white;
    }

    .upload-slip-button {
        background: #ffa500;
        color: white;
    }

    .password-button:hover {
        background: #666;
    }

    .upload-slip-button:hover {
        background: #ff8700;
    }

    /* ปรับการจัดเรียง Footer และปุ่มออกจากระบบ */
    .footer-container {
        background: rgb(12 18 98);
        border-radius: 12px;
        padding: 10px;
        margin: 10px 0px 0px 0px;
        text-align: center;
        color: white;
        width: 100%;
        /* max-width: 350px; */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

        font-size: 14px;
    }

    .footer-buttons {
        display: flex;
        justify-content: space-between;
        gap: 5px;
        /* ลดช่องว่างปุ่ม */
        margin-bottom: 8px;
    }

    .footer-button {
        flex: 1;
        padding: 8px;
        font-size: 14px;
        border-radius: 8px;
        font-weight: bold;
        cursor: pointer;
        background: #1c2a3a;
        color: white;
        border: 1px solid #3a4b5c;
    }

    .footer-button:hover {
        background: #2b3c4d;
    }


    .logout-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 10px;
        padding-bottom: 50px;
    }

    .logout-button {
        display: block;
        width: 90%;
        max-width: 300px;
        padding: 12px;
        font-size: 16px;
        text-align: center;
        border-radius: 8px;
        font-weight: bold;
        background: #777;
        justify-content: center;
        align-items: center;
        color: white;
        border: none;
        cursor: pointer;
        transition: background 0.3s;
    }


    /* ปุ่มกดรับเครดิต */
    .claim-button {
        background-color: #007bff;
        color: white;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 8px;
        cursor: pointer;
    }

    .claim-button:hover {
        background-color: #0056b3;
    }

    /* ส่วนที่ทำให้ Popup อยู่ตรงกลางจอ */
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* กล่อง Popup */
    .popup-box {
        position: absolute;
        top: 60%;
        /* ✅ ปรับให้ Popup อยู่กลางจอ แต่เลื่อนลงมา */
        left: 50%;
        transform: translate(-50%, -50%);
        background: #0a1b3e;
        /* สีพื้นหลังเข้ม */
        padding: 20px;
        border-radius: 15px;
        text-align: center;
        width: 300px;
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
    }

    /* หัวข้อใน Popup */
    .popup-title {
        color: white;
        font-size: 18px;
        margin-bottom: 20px;
    }

    /* ปุ่มปิด Popup */
    .popup-button {
        background-color: #28a745;
        color: white;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 8px;
        cursor: pointer;
    }

    .popup-button:hover {
        background-color: #1e7e34;
    }

    .rank-container,
    .profile-container,
    .bank-container,
    .password-container,
    .footer-container {
        padding: 15px;
        border-radius: 8px;
        background: linear-gradient(to right, #162951, #071830);
        /* ไล่สีจากซ้ายไปขวา */
        color: white;
        border: 1.5px solid #939599;
        /* ขอบสี #939599 */
    }
}

@media screen and (min-width: 768px) {
    .rank-container,
    .profile-container,
    .bank-container,
    .password-container,
    .footer-container {
        max-width: 600px;
        margin: 5px auto; /* 🛠 เว้นระยะให้ห่างจากกัน */
        padding: 25px; /* 🛠 เพิ่ม Padding ภายใน */
        font-size: 16px;
    }

    .bank-logo {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    /* 🛠 เว้นระยะห่างของแต่ละ Container */
    .rank-container {
        margin-bottom: 10px;
    }

    .profile-container {
        margin-bottom: 10px;
    }

    .bank-container {
        margin-bottom:10px;
    }

    .password-container {
        margin-bottom: 10px;
    }

    .footer-container {
        margin-bottom: 10px;
    }
    
.rank-container,
.profile-container,
.bank-container,
.password-container,
.footer-container {
    width: 100%;
    max-width: 600px;
    padding: 15px;
    border-radius: 8px;
    background: linear-gradient(to right, #162951, #071830);
    color: white;
    border: 1.5px solid #939599;
}

/* Progress Bar */
.rank-progress-container,
.profile-info,
.bank-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.rank-progress {
    flex-grow: 1;
    height: 6px;
    background: #444;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}

.progress-fill {
    width: 30%;
    height: 100%;
    background: #4caf50;
}

/* ปุ่มกดรับเครดิต */
.rank-button {
    background: #28a745;
    border: none;
    padding: 3px 10px;
    font-size: 12px;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s;
}

.rank-button:hover {
    background: #218838;
}

/* Popup */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0a1b3e;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.popup-title {
    color: white;
    font-size: 18px;
    margin-bottom: 20px;
}

.popup-button {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
}

.popup-button:hover {
    background-color: #1e7e34;
}


.profile-header {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.profile-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background-color: transparent;
}

.profile-left {
    text-align: left;
}

.profile-name {
    font-size: 16px;
    font-weight: bold;
}

.profile-phone {
    font-size: 12px;
    color: #ccc;
}

.profile-user {
    font-size: 12px;
    color: #bbb;
}

.badge {
    font-size: 12px;
    background: #ffcc00;
    color: #000;
    padding: 2px 6px;
    border-radius: 6px;
    cursor: pointer;
}

.profile-right {
    text-align: right;
    color: #ffcc00;
    font-weight: bold;
    font-size: 14px;
}

/* เส้นแบ่งก่อนถึงปุ่ม */
.profile-divider {
    border: none;
    height: 1px;
    background: #ddd;
    /* สีเทาขาว */
}

.profile-actions {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.button-deposit, .button-withdraw {
    width: 45%;
    padding: 8px 0;
    /* ลด padding เพื่อให้ปุ่มเตี้ยลง */
    font-size: 16px;
    line-height: 1.5;
    /* ควบคุมความสูงของตัวอักษรให้สมดุล */
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
    /* จัดให้อยู่ตรงกลางแนวนอน */
    display: flex;
    justify-content: center;
    align-items: center;
    /* จัดให้อยู่ตรงกลางแนวตั้ง */
}

.button-deposit {
    background: #28a745;
    border: none;
    color: white;
    cursor: pointer;
    transition: background 0.3s;
}

.button-deposit:hover {
    background: #218838;
}

.button-withdraw {
    background: #dc3545;
    border: none;
    color: white;
    cursor: pointer;
    transition: background 0.3s;
}

.button-withdraw:hover {
    background: #c82333;
}


/* Container Bank */


.bank-header {
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 5px;
}

.bank-info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 8px;
}

.bank-logo {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.bank-details {
    text-align: left;
}

.center-container {
    display: flex;
    flex-direction: column;
    /* จัดเรียงแนวตั้ง */
    justify-content: center;
    /* จัดตรงกลางแนวตั้ง */
    align-items: center;
    /* จัดตรงกลางแนวนอน */
    height: 100%;
    /* ต้องกำหนดความสูงให้กับ div */
    text-align: center;
    /* เผื่อบางกรณี */
}

.bank-name {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.bank-account {
    font-size: 14px;
    margin-top: -15px;
    color: #ddd;
}



.password-button, .upload-slip-button {
    width: 48%;
    padding: 10px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
}

.password-button {
    background: #444;
    color: white;
}

.upload-slip-button {
    background: #ffa500;
    color: white;
}

.password-button:hover {
    background: #666;
}

.upload-slip-button:hover {
    background: #ff8700;
}

/* ปรับการจัดเรียง Footer และปุ่มออกจากระบบ */


.footer-buttons {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    /* ลดช่องว่างปุ่ม */
    margin-bottom: 8px;
}

.footer-button {
    flex: 1;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    background: #1c2a3a;
    color: white;
    border: 1px solid #3a4b5c;
}

.footer-button:hover {
    background: #2b3c4d;
}


.logout-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px;
    padding-bottom: 50px;
}

.logout-button {
    display: block;
    width: 90%;
    max-width: 300px;
    padding: 12px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
    font-weight: bold;
    background: #777;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}


/* ปุ่มกดรับเครดิต */
.claim-button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
}

.claim-button:hover {
    background-color: #0056b3;
}

/* ส่วนที่ทำให้ Popup อยู่ตรงกลางจอ */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* กล่อง Popup */
.popup-box {
    position: absolute;
    top: 60%;
    /* ✅ ปรับให้ Popup อยู่กลางจอ แต่เลื่อนลงมา */
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0a1b3e;
    /* สีพื้นหลังเข้ม */
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    width: 300px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

/* หัวข้อใน Popup */
.popup-title {
    color: white;
    font-size: 18px;
    margin-bottom: 20px;
}

/* ปุ่มปิด Popup */
.popup-button {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
}

.popup-button:hover {
    background-color: #1e7e34;
}
/* ปรับการจัดเรียง Footer และปุ่มออกจากระบบ */
.footer-buttons {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 8px;
}

.footer-button {
    flex: 1;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    background: #1c2a3a;
    color: white;
    border: 1px solid #3a4b5c;
}

.footer-button:hover {
    background: #2b3c4d;
}

/* ปุ่มออกจากระบบ */
.logout-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px;
    padding-bottom: 50px;
}

.logout-button {
    display: block;
    width: 90%;
    max-width: 300px;
    padding: 12px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
    font-weight: bold;
    background: #777;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

/* ปุ่มกดรับเครดิต */
.claim-button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
}

.claim-button:hover {
    background-color: #0056b3;
}
}


/* root ที่ห่อทั้งหมด */
.bank-list-root { width: 100%; }

/* grid responsive: บนมือถือ 1 คอลัมน์หรือ 2 ขึ้นกับขนาด, ไม่ให้ overflow แนวนอน */
.bank-list-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  padding: 12px;
  box-sizing: border-box;
  max-height: calc(100vh - 200px); /* ปรับตาม header/footer */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* card */
.bank-card {
  display: flex;
  gap: 12px;
  align-items: center;
  background: #23232b; /* ปรับตามธีม */
  border-radius: 12px;
  padding: 14px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.35);
  min-height: 86px;
  box-sizing: border-box;
}

/* logo */
.logo-wrapper {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background: #0b5bff; /* พื้นน้ำเงินตามที่ขอ */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* body ข้อความให้ยืด */
.bank-body {
  flex: 1 1 auto;
  min-width: 0; /* สำคัญให้ text สามารถ truncate/wrap ได้ */
}

/* typography */
.bank-title {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  white-space: normal;
  overflow-wrap: break-word;
}
.bank-number {
  margin: 4px 0 0 0;
  color: #fffb;
  font-weight: 600;
  font-size: 14px;
  word-break: keep-all;
}
.bank-owner {
  margin: 4px 0 0 0;
  color: #cfcfcf;
  font-size: 12px;
}

/* คัดลอก */
.bank-copy { margin-top: 8px; }
.bank-copy a { color: #f6a330; text-decoration: none; font-weight:600; }

/* บนจอเล็ก (มือถือ) ให้รูปอยู่บน ข้อความด้านล่าง (column) */
@media (max-width: 420px) {
  .bank-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 12px;
  }
  .logo-wrapper { margin-bottom: 8px; }
  .bank-body { width: 100%; }
}

/* ปรับ spacing หน่อยสำหรับจอใหญ่ */
@media (min-width: 900px) {
  .bank-list-grid { gap: 16px; }
  .bank-card { padding: 16px; min-height: 100px; }
}