.loader-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.1);
    z-index: 9999
}

.loader-wrapper .app-loader {
    position: absolute;
    width: var(--pc73);
    height: var(--pc73);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--pc4)
}

.loader-wrapper .app-loader .image-loader {
    height: var(--pc62);
    width: var(--pc62);
    background: url(../img/loader.2ae1f88a.gif);
    background-repeat: no-repeat;
    background-size: var(--pc62) var(--pc62);
    background-position: 0 0
}

@media (orientation: portrait) {
    .mobile .loader-wrapper .app-loader {
        width:var(--mp58);
        height: var(--mp58)
    }

    .mobile .loader-wrapper .app-loader .image-loader {
        height: var(--mp25);
        width: var(--mp25);
        background-size: var(--mp25) var(--mp25);
        background-repeat: no-repeat;
        background-position: 0 0
    }
}

.svg[data-v-9d159428],.svg[data-v-254d9116],.svg[data-v-a7aa59a6],.svg[data-v-fdefbbf6] {
    fill: #ddc28c
}

.svg[data-v-69a4aca6] {
    stroke: #ddc28c;
    fill: #ddc28c
}

.svg[data-v-45b4a3ac] {
    width: 100%;
    height: 100%
}

.edit-custom-chip-root {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.edit-custom-chip-root .edit-custom-chip-content {
    display: flex;
    flex-direction: column;
    width: calc(var(--pc1)*375);
    background: #413413;
    box-shadow: 0 var(--pc1) var(--pc1) 0 #000
}

.edit-custom-chip-root .edit-custom-chip-content .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--pc31);
    position: relative;
    background-image: linear-gradient(90deg,#806d3e,#a18f4e 30%,#c1b15d 50%,#a18f4e 70%,#806d3e),linear-gradient(#fff,#fff);
    background-blend-mode: normal,normal
}

.edit-custom-chip-root .edit-custom-chip-content .title .text {
    color: #4f4617;
    font-size: var(--pc10);
    min-width: var(--pc44)
}

.edit-custom-chip-root .edit-custom-chip-content .title .close {
    position: absolute;
    height: var(--pc15);
    width: var(--pc15);
    top: 0;
    bottom: 0;
    left: auto;
    right: var(--pc10);
    margin: auto
}

.edit-custom-chip-root .edit-custom-chip-content .body {
    flex-grow: 1;
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: var(--pc20) 0
}

.edit-custom-chip-root .edit-custom-chip-content .body form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: var(--pc30);
    margin-bottom: var(--pc20)
}

.edit-custom-chip-root .edit-custom-chip-content .body form .field {
    width: 100%;
    background-color: #4f4617;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--pc3) 0
}

.edit-custom-chip-root .edit-custom-chip-content .body form .field .label {
    width: var(--pc75);
    color: var(--white);
    font-size: var(--pc10);
    text-align: right;
    padding-right: var(--pc5);
    white-space: nowrap
}

.edit-custom-chip-root .edit-custom-chip-content .body form .field input {
    all: unset;
    width: var(--pc203);
    height: var(--pc24);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: var(--pc10);
    padding: 0 var(--pc5);
    box-sizing: border-box;
    color: var(--black);
    background-color: #c1b15d;
    border-radius: var(--pc2)
}

.edit-custom-chip-root .edit-custom-chip-content .body form .error {
    margin-top: var(--pc6);
    font-size: var(--pc10);
    color: red;
    width: var(--pc150);
    text-align: center;
    min-height: var(--pc25)
}

.edit-custom-chip-root .edit-custom-chip-content .body .confirm {
    height: var(--pc33);
    width: var(--pc140);
    background-image: linear-gradient(0deg,#4f4617,#6f673b 23%,#e4df85),linear-gradient(#e5cd94,#e5cd94);
    background-blend-mode: normal,normal;
    box-shadow: 0 var(--pc1) var(--pc1) 0 #000;
    border-radius: var(--pc5);
    line-height: var(--pc33);
    text-align: center;
    color: #4f4617
}

@media (orientation: portrait) {
    .mobile .edit-custom-chip-root .edit-custom-chip-content {
        width:calc(var(--mp1)*292);
        border: solid var(--mp1) #707070;
        border-radius: var(--mp3);
        overflow: hidden
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .title {
        height: var(--mp40)
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .title .text {
        font-size: var(--mp16);
        min-width: var(--mp88);
        text-align: center
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .title .close {
        height: var(--mp20);
        width: var(--mp20);
        top: calc(var(--mp4)*-1);
        right: var(--mp20)
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .body {
        flex-direction: column;
        justify-content: flex-start
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .body form {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .body form .field {
        width: 100%;
        background-color: #4f4617;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: var(--mp5) 0;
        margin-top: var(--mp10)
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .body form .field .label {
        width: var(--mp90);
        color: var(--white);
        font-size: var(--mp14);
        text-align: right;
        padding-right: var(--mp10);
        white-space: nowrap
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .body form .field input {
        all: unset;
        width: var(--mp172);
        height: var(--mp27);
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        font-size: var(--mp14);
        padding: 0 var(--mp10);
        box-sizing: border-box;
        color: var(--black);
        background-color: #c1b15d;
        border-radius: var(--mp3)
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .body form .error {
        margin-top: var(--mp6);
        font-size: var(--mp14);
        width: var(--mp300);
        min-height: var(--mp39)
    }

    .mobile .edit-custom-chip-root .edit-custom-chip-content .body .confirm {
        position: relative;
        bottom: var(--pc12);
        width: var(--mp110);
        height: var(--mp30);
        line-height: var(--mp30);
        border-radius: var(--mp5);
        font-size: var(--mp14);
        margin: 0
    }
}

.setting-root[data-v-41ad92db] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

.setting-root .setting-content[data-v-41ad92db] {
    margin-top: var(--mp40);
    width: var(--mp100)
}

.setting-root .setting-content ul[data-v-41ad92db] {
    width: 100%;
    margin: 0;
    padding: 0
}

.setting-root .setting-content ul li[data-v-41ad92db] {
    cursor: pointer;
    display: flex;
    width: 100%;
    height: var(--mp40);
    list-style: none;
    font-size: var(--mp14);
    color: #5a5633;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAAgCAMAAADNPB2vAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB/lBMVEUAAADKWloAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC5U1PKWloAAAAAAAAAAAC0UFDKWloAAAAAAACyT08AAAAAAAC1UFAAAAAAAAAAAAC2UVEAAAAAAAC4UlIAAAAAAAANBga5UlK7U1O7U1MiDw+9VFQgDg69VFQ3GRm/VVUAAADAVlYAAAAAAAAAAACwTk4AAACoS0sPBwcAAAAAAACiSEgGAwMAAACeR0cGAwMAAAAAAACbRUUEAgIAAAAAAAAAAACYREQCAQEAAAAAAAAAAACTQkICAQEAAACPQEAAAACLPj4AAACGPDwAAAAAAAAAAACAOTkAAAB8NzcAAAAAAADJWlp5NjYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADKWlrxm4H7q4vzsaH8xLDfjIj1wrj81MnfkY/3z8r939rflJT429v96Ojfl5j65Of97fDfmJj76Or97vDflpf86er96+zflJP95ePgkY/93dffjYn808jgioP8ybj8uaDgg3j7qonffG77n3jfd2f7m3PfdWT5mnf5mXfedWb4mHz2lnvddGj2l4Lzk3/cc2r1lofxkIPcc23zlYvujoXbcm7ylI/si4facnDxk5LqiYjJWlrwkpXph4oAAABIHjomAAAAa3RSTlMAAAECBAYICQcDbPwKBQx2/hQNfyIRhSwWDowyGZM2GxCZn6QSqhOwFrUPujUaC8skzlEtFc5eQMtkSTDIY0szHsVjNB8QwGJKvWC4MbRfSB2wR61eHP6oXUYvbXRzb2ZXQy44VFlYPCshGPi94t4AAAABYktHRACIBR1IAAAAB3RJTUUH5QsCEi0dCwqYIwAAAd5JREFUSMe112dXE0EUgOFhJ7NFsoHErAlmzYoVQoII2BJNVKoYCGIEFLAgShmw94qoKCKIYAMVUDDyM91qwve97x94zplz7swdhFBeNgY7CMtydsfyRMAMyqWwg9uQT0FyijiXwqKroHB4BCLqdgo5FBY9GwuvXQeJeiWSpTDxbLpx8xZM1OfnLYrBpGjz7Tt3gaIBmTUpTdpy7/4DqGhQ4QxKlbYWP3z0GKz/lCZte/L0GVwWpUnbn4++AMykVGnHzrGXoBkUg/ldu1+9hk2nVKmkdPwNcAZFQmVvJ6Cj4QiHhHKZvoNuco82wqJUQd8DN7W3sqqaR3x1FZ2G7cO+/QcqJBGxcoDOgPbx4KFoTC4XEBcJ01nA5j4dPhJPHA0RBnFKkH6G68vXY8fjNbV1PDaob2DNL9Q3NCYMSae+Q/Xj54mmaEA9PX2J0ahFoJaWTzZFk7qUZ1K/YPq90tySSrbqkkWtgvQnc6qlLWZKFvUXorXM6XRb7EyRIWmUNsIgtXd0nj2nWJJG8X5fKt3VbXc95y9cvNSreAg2dz+VIpL3cqrvit1d7WvsH4h49PXZSnC6vb5A0O7CyYFBv2udhLDolPyyYneRIXeIc6yT1AdfIDzAP4clDv2KyPYP3bh2kQ5wg8MAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: var(---mp2) 0;
    background-size: var(--mp104) var(--mp47);
    font-family: buttonface2,Courier New,Courier,monospace
}

.edit-password-root[data-v-00896caa] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.edit-password-root .edit-password-content[data-v-00896caa] {
    display: flex;
    flex-direction: column;
    width: calc(var(--pc1)*330);
    background: #413413;
    box-shadow: 0 var(--pc1) var(--pc1) 0 #000
}

.edit-password-root .edit-password-content .title[data-v-00896caa] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--pc31);
    position: relative;
    background-image: linear-gradient(90deg,#806d3e,#a18f4e 30%,#c1b15d 50%,#a18f4e 70%,#806d3e),linear-gradient(#fff,#fff);
    background-blend-mode: normal,normal
}

.edit-password-root .edit-password-content .title .text[data-v-00896caa] {
    color: #4f4617;
    font-size: var(--pc10);
    min-width: var(--pc44);
    text-align: center
}

.edit-password-root .edit-password-content .title .close[data-v-00896caa] {
    position: absolute;
    height: var(--pc15);
    width: var(--pc15);
    top: 0;
    bottom: 0;
    left: auto;
    right: var(--pc10);
    margin: auto
}

.edit-password-root .edit-password-content .body[data-v-00896caa] {
    flex-grow: 1;
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: var(--pc20) 0
}

.edit-password-root .edit-password-content .body form[data-v-00896caa] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--pc20)
}

.edit-password-root .edit-password-content .body form .field[data-v-00896caa] {
    width: 100%;
    background-color: #4f4617;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--pc3) 0;
    margin-top: var(--pc10)
}

.edit-password-root .edit-password-content .body form .field .label[data-v-00896caa] {
    width: var(--pc75);
    color: var(--white);
    font-size: var(--pc10);
    padding-right: var(--pc5);
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.edit-password-root .edit-password-content .body form .field input[data-v-00896caa] {
    all: unset;
    width: var(--pc203);
    height: var(--pc24);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: var(--pc10);
    padding: 0 var(--pc5);
    box-sizing: border-box;
    color: var(--black);
    background-color: #c1b15d;
    border-radius: var(--pc2)
}

.edit-password-root .edit-password-content .body form .error[data-v-00896caa] {
    margin-top: var(--pc6);
    font-size: var(--pc10);
    color: red;
    width: var(--pc150);
    text-align: center;
    min-height: var(--pc25)
}

.edit-password-root .edit-password-content .body .confirm[data-v-00896caa] {
    height: var(--pc33);
    width: var(--pc140);
    background-image: linear-gradient(0deg,#4f4617,#6f673b 23%,#e4df85),linear-gradient(#e5cd94,#e5cd94);
    background-blend-mode: normal,normal;
    box-shadow: 0 var(--pc1) var(--pc1) 0 #000;
    border-radius: var(--pc5);
    line-height: var(--pc33);
    text-align: center;
    color: #4f4617
}

@media (orientation: portrait) {
    .mobile .edit-password-root .edit-password-content[data-v-00896caa] {
        height:100%;
        width: 100%;
        min-height: var(--pc188);
        border-radius: 0;
        border: solid var(--mp1) #707070
    }

    .mobile .edit-password-root .edit-password-content .title[data-v-00896caa] {
        height: var(--mp58)
    }

    .mobile .edit-password-root .edit-password-content .title .text[data-v-00896caa] {
        font-size: var(--mp16);
        min-width: var(--mp88)
    }

    .mobile .edit-password-root .edit-password-content .title .close[data-v-00896caa] {
        height: var(--mp20);
        width: var(--mp20);
        top: calc(var(--mp4)*-1);
        right: var(--mp20)
    }

    .mobile .edit-password-root .edit-password-content .body[data-v-00896caa] {
        flex-direction: column;
        justify-content: flex-start
    }

    .mobile .edit-password-root .edit-password-content .body form[data-v-00896caa] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .mobile .edit-password-root .edit-password-content .body form .field[data-v-00896caa] {
        width: 100%;
        background-color: #4f4617;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: var(--mp5) 0;
        margin-top: var(--mp10)
    }

    .mobile .edit-password-root .edit-password-content .body form .field .label[data-v-00896caa] {
        width: var(--mp80);
        color: var(--white);
        font-size: var(--mp14);
        text-align: right;
        padding-right: var(--mp10);
        white-space: nowrap
    }

    .mobile .edit-password-root .edit-password-content .body form .field input[data-v-00896caa] {
        all: unset;
        width: var(--mp172);
        height: var(--mp27);
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        font-size: var(--mp14);
        padding: 0 var(--mp10);
        box-sizing: border-box;
        color: var(--black);
        background-color: #c1b15d;
        border-radius: var(--mp3)
    }

    .mobile .edit-password-root .edit-password-content .body form .error[data-v-00896caa] {
        margin-top: var(--mp6);
        font-size: var(--mp14);
        width: var(--mp300);
        min-height: var(--mp39)
    }

    .mobile .edit-password-root .edit-password-content .body .confirm[data-v-00896caa] {
        position: relative;
        bottom: var(--pc12);
        width: var(--mp110);
        height: var(--mp38);
        line-height: var(--mp38);
        border-radius: var(--mp5);
        font-size: var(--mp14);
        margin: 0
    }
}

.bet-history-root {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-history-root .bet-history-content {
    display: flex;
    flex-direction: column;
    width: var(--pc800);
    height: var(--pc421);
    background: #413413;
    box-shadow: 0 var(--pc1) var(--pc1) 0 #000
}

.bet-history-root .bet-history-content .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--pc31);
    position: relative;
    background-image: linear-gradient(90deg,#806d3e,#a18f4e 30%,#c1b15d 50%,#a18f4e 70%,#806d3e),linear-gradient(#fff,#fff);
    background-blend-mode: normal,normal
}

.bet-history-root .bet-history-content .title .text {
    color: #4f4617;
    font-size: var(--pc10);
    min-width: var(--pc44)
}

.bet-history-root .bet-history-content .title .close {
    position: absolute;
    height: var(--pc15);
    width: var(--pc15);
    top: 0;
    bottom: 0;
    left: auto;
    right: var(--pc10);
    margin: auto
}

.bet-history-root .bet-history-content .body {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    padding-left: var(--pc5);
    padding-right: var(--pc5);
    padding-bottom: var(--pc6)
}

.bet-history-root .bet-history-content .body .search-container {
    width: 100%;
    height: var(--pc35);
    font-size: var(--pc8);
    color: #d7c289;
    display: flex;
    align-items: center;
    padding: 0 var(--pc31)
}

.bet-history-root .bet-history-content .body .search-container .callendar-picker {
    display: flex;
    align-items: center;
    position: relative
}

.bet-history-root .bet-history-content .body .search-container .callendar-picker.off {
    pointer-events: none
}

.bet-history-root .bet-history-content .body .search-container .callendar-picker .input {
    display: flex;
    flex-direction: row;
    margin-left: var(--pc8);
    width: var(--pc95)
}

.bet-history-root .bet-history-content .body .search-container .callendar-picker .input:first-child {
    margin-right: var(--pc8)
}

.bet-history-root .bet-history-content .body .search-container .callendar-picker .input input {
    all: unset;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    box-sizing: border-box;
    height: var(--pc16);
    flex-grow: 1;
    width: 0;
    padding: 0 var(--pc6);
    background-color: rgba(0,0,0,.25)
}

.bet-history-root .bet-history-content .body .search-container .callendar-picker .input .arrow {
    width: var(--pc16);
    height: var(--pc16);
    background: #ddc28c;
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-history-root .bet-history-content .body .search-container .callendar-picker .input .arrow svg {
    stroke: #5a3e43;
    width: var(--pc10);
    height: var(--pc5)
}

.bet-history-root .bet-history-content .body .search-container .btn-search {
    min-width: var(--pc47);
    height: var(--pc20);
    margin-left: var(--pc20);
    color: var(--white);
    font-size: var(--pc12);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-image: linear-gradient(0deg,#4f4617,#5f5729 14%,#6f673b 23%,#e4df85),linear-gradient(#c1b15d,#c1b15d);
    background-blend-mode: normal,normal;
    box-shadow: 0 var(--pc1) var(--pc1) 0 #000;
    border-radius: var(--pc3)
}

.bet-history-root .bet-history-content .body .content {
    flex-grow: 1;
    height: 0;
    width: 100%;
    overflow: auto
}

.bet-history-root .bet-history-content .body .content .header {
    width: 100%;
    border-collapse: collapse;
    height: unset;
    display: table;
}

.bet-history-root .bet-history-content .body .content .header thead {
    position: sticky;
    top: calc(var(--pc1)*-2);
    z-index: 1;
    background: #543a3e
}

.bet-history-root .bet-history-content .body .content .header thead tr {
    background-color: #6f673b
}

.bet-history-root .bet-history-content .body .content .header thead tr th {
    font-size: var(--pc9);
    color: var(--white);
    padding: var(--pc7) 0;
    border: solid var(--pc1) rgba(0,0,0,.5);
    font-weight: 400
}

.bet-history-root .bet-history-content .body .content .header thead tr th._102 {
    width: var(--pc102)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._59 {
    width: var(--pc59)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._55 {
    width: var(--pc55)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._34 {
    width: var(--pc34)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._43 {
    width: var(--pc55)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._63 {
    width: var(--pc63)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._68 {
    width: var(--pc68)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._69 {
    width: var(--pc69)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._83 {
    width: var(--pc83)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._94 {
    width: var(--pc94)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._150 {
    width: var(--pc150)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._155 {
    width: var(--pc155)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._204 {
    width: var(--pc204)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._261 {
    width: var(--pc261)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._228 {
    width: var(--pc228)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._161 {
    width: var(--pc161)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._105 {
    width: var(--pc105)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._120 {
    width: var(--pc120)
}

.bet-history-root .bet-history-content .body .content .header thead tr th._78 {
    width: var(--pc78)
}

.bet-history-root .bet-history-content .body .content .header tbody tr:nth-child(2n) {
    background-color: hsla(0,0%,84.7%,.07)
}

.bet-history-root .bet-history-content .body .content .header tbody tr td {
    border: solid var(--pc1) rgba(0,0,0,.5);
    padding: var(--pc5);
    font-size: var(--pc9);
    text-align: center;
    color: #d7c289
}

.bet-history-root .bet-history-content .body .content .header tbody tr td.norecord {
    background-color: transparent;
    font-size: var(--pc10);
    padding: var(--pc10);
    color: var(--white);
    text-align: center;
    border: none
}

.bet-history-root .bet-history-content .body .content .header tbody tr td:last-child {
    text-align: center
}

.bet-history-root .bet-history-content .body .content .header tbody tr td:last-child>div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.bet-history-root .bet-history-content .body .content .header tbody tr td .btn {
    font-size: var(--pc9);
    color: var(--white);
    width: var(--pc40);
    min-height: var(--pc18);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(0deg,#4f4617,#5f5729 14%,#6f673b 23%,#e4df85),linear-gradient(#c1b15d,#c1b15d);
    background-blend-mode: normal,normal;
    box-shadow: 0 var(--pc1) var(--pc1) 0 #000;
    border-radius: var(--pc3)
}

@media (orientation: portrait) {
    .mobile .bet-history-root .bet-history-content {
        height:100%;
        width: 100%
    }

    .mobile .bet-history-root .bet-history-content .title {
        height: var(--mp58)
    }

    .mobile .bet-history-root .bet-history-content .title .text {
        font-size: var(--mp16);
        min-width: var(--mp88);
        text-align: center
    }

    .mobile .bet-history-root .bet-history-content .title .left-decor,.mobile .bet-history-root .bet-history-content .title .right-decor {
        height: var(--mp10);
        width: var(--mp110);
        margin-right: var(--mp10);
        margin-left: var(--mp10)
    }

    .mobile .bet-history-root .bet-history-content .title .close {
        height: var(--mp20);
        width: var(--mp20);
        top: calc(var(--mp4)*-1);
        right: var(--mp20)
    }

    .mobile .bet-history-root .bet-history-content .body .search-container {
        width: 100%;
        height: var(--mp40);
        font-size: var(--mp12);
        color: #d7c289;
        display: flex;
        align-items: center;
        padding: 0 var(--mp5);
        margin-top: var(--mp10)
    }

    .mobile .bet-history-root .bet-history-content .body .search-container .callendar-picker {
        display: flex;
        align-items: center;
        position: relative
    }

    .mobile .bet-history-root .bet-history-content .body .search-container .callendar-picker.off {
        pointer-events: none
    }

    .mobile .bet-history-root .bet-history-content .body .search-container .callendar-picker .input {
        display: flex;
        flex-direction: row;
        margin-left: var(--mp8);
        width: var(--mp95)
    }

    .mobile .bet-history-root .bet-history-content .body .search-container .callendar-picker .input:first-child {
        margin-right: var(--pc8)
    }

    .mobile .bet-history-root .bet-history-content .body .search-container .callendar-picker .input input {
        all: unset;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        box-sizing: border-box;
        height: var(--mp30);
        flex-grow: 1;
        width: 0;
        padding: 0 var(--mp6);
        background-color: rgba(0,0,0,.25)
    }

    .mobile .bet-history-root .bet-history-content .body .search-container .callendar-picker .input .arrow {
        width: var(--mp16);
        height: var(--mp30);
        background: #ddc28c;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mobile .bet-history-root .bet-history-content .body .search-container .callendar-picker .input .arrow svg {
        stroke: #5a3e43;
        width: var(--mp10);
        height: var(--mp5)
    }

    .mobile .bet-history-root .bet-history-content .body .search-container .btn-search {
        min-width: var(--mp30);
        height: var(--mp30);
        background-color: #ddc28c;
        border-radius: var(--mp3);
        margin-left: var(--mp5);
        color: #544a28;
        font-size: var(--mp9);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .mobile .bet-history-root .bet-history-content .body .content {
        flex-grow: 1;
        height: 0;
        width: 100%;
        overflow: auto
    }

    .mobile .bet-history-root .bet-history-content .body .content .header {
        display: none
    }

    .mobile .bet-history-root .bet-history-content .body .content .m-content {
        padding: var(--mp8)
    }

    .mobile .bet-history-root .bet-history-content .body .content .m-content table {
        background-color: rgba(0,0,0,.15);
        border-radius: var(--mp7);
        border: solid var(--mp1) rgba(142,128,74,.7);
        width: 100%;
        font-size: var(--mp15);
        border-collapse: collapse;
        margin-top: var(--mp7)
    }

    .mobile .bet-history-root .bet-history-content .body .content .m-content table:first-child {
        margin-top: var(--mp7)
    }

    .mobile .bet-history-root .bet-history-content .body .content .m-content table>tr td {
        border: solid var(--mp1) rgba(142,128,74,.7);
        padding: var(--mp8)
    }

    .mobile .bet-history-root .bet-history-content .body .content .m-content table>tr td:first-child {
        width: var(--mp120);
        color: #e0c98f
    }

    .mobile .bet-history-root .bet-history-content .body .content .m-content table>tr td:last-child {
        padding-left: var(--mp10);
        color: var(--white)
    }

    .mobile .bet-history-root .bet-history-content .body .content .m-content table>tr td:last-child span {
        width: var(--mp100);
        height: var(--mp30);
        background-color: #ddc28c;
        border-radius: var(--mp3);
        color: #544a28;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.langauge-root[data-v-1d0554eb] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.langauge-root .language-content[data-v-1d0554eb] {
    display: flex;
    flex-direction: column;
    width: var(--pc299);
    background-image: linear-gradient(0deg,#a3954f,#716732 10%,#3e3915 62%,#716732 87%,#a3954f),linear-gradient(#3c2d17,#3c2d17);
    border-radius: var(--pc2);
    border: solid var(--pc1) #b1a565;
    box-shadow: 0 var(--pc1) var(--pc1) 0 #000
}

.langauge-root .language-content .title[data-v-1d0554eb] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--pc27);
    position: relative;
    color: var(--white)
}

.langauge-root .language-content .title .text[data-v-1d0554eb] {
    font-size: var(--pc15);
    min-width: var(--pc44);
    text-align: center
}

.langauge-root .language-content .title .close[data-v-1d0554eb] {
    position: absolute;
    height: var(--pc30);
    width: var(--pc30);
    top: auto;
    bottom: auto;
    left: auto;
    right: var(--pc5);
    display: flex;
    align-items: center;
    justify-content: center
}

.langauge-root .language-content .body[data-v-1d0554eb] {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    background-color: #3c2d17;
    padding: var(--pc16) var(--pc25)
}

.langauge-root .language-content .body ul[data-v-1d0554eb] {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.langauge-root .language-content .body ul li[data-v-1d0554eb] {
    list-style: none;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    height: var(--pc27);
    font-size: var(--pc15);
    color: #fffffe;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: var(--pc2);
    margin-top: var(--pc6);
    background-image: linear-gradient(180deg,#a49347,#c6bc69 53%,#e7e48a 89%,#b7b46c 93%,#86844e),linear-gradient(#fff,#fff)
}

.langauge-root .language-content .body ul li.active[data-v-1d0554eb] {
    background-image: linear-gradient(180deg,#5c4c06,#807733 53%,#a3a15f 89%,#959357 93%,#86844e),linear-gradient(#fff,#fff);
    background-blend-mode: normal,normal;
    color: #ffed75
}

.langauge-root .language-content .body ul li[data-v-1d0554eb]:first-child {
    margin-top: 0
}

@media (orientation: portrait) {
    .mobile .langauge-root .language-content[data-v-1d0554eb] {
        width:var(--mp300)
    }

    .mobile .langauge-root .language-content .title[data-v-1d0554eb] {
        height: var(--mp40);
        min-width: var(--mp88)
    }

    .mobile .langauge-root .language-content .title .text[data-v-1d0554eb] {
        font-size: var(--mp20);
        min-width: var(--mp88)
    }

    .mobile .langauge-root .language-content .title .close[data-v-1d0554eb] {
        height: var(--mp40);
        width: var(--mp40);
        top: 0;
        bottom: 0;
        right: var(--mp10)
    }

    .mobile .langauge-root .language-content .body[data-v-1d0554eb] {
        padding: var(--mp16) var(--mp25)
    }

    .mobile .langauge-root .language-content .body ul[data-v-1d0554eb] {
        width: 100%
    }

    .mobile .langauge-root .language-content .body ul li[data-v-1d0554eb] {
        width: 100%;
        font-size: var(--mp18);
        margin-top: var(--mp6);
        height: var(--mp40);
        border-radius: var(--mp4)
    }
}

.pc-item-root[data-v-a23ad83c] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg,#5f512c,#6e5e33 30%,#7d6a39 50%,#6e5e33 70%,#5f512c),linear-gradient(#daae3d,#daae3d);
    background-blend-mode: normal,normal;
    border: solid var(--pc1) #885735;
    padding: var(--pc5)
}

.pc-item-root>div[data-v-a23ad83c] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    flex-direction: row
}

.pc-item-root>div[data-v-a23ad83c]:last-child {
    flex-grow: 0;
    height: var(--pc31);
    font-size: var(--pc16);
    color: var(--white);
    align-items: center
}

.pc-item-root>div:last-child>div[data-v-a23ad83c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.pc-item-root>div:last-child>div[data-v-a23ad83c]:first-child {
    width: var(--pc33)!important
}

.pc-item-root>div:last-child>div[data-v-a23ad83c]:nth-child(3) {
    flex-grow: 1;
    width: 0
}

.pc-item-root>div:last-child>div.btn[data-v-a23ad83c] {
    width: var(--pc88);
    height: var(--pc25);
    font-size: var(--pc10);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #000;
    color: var(--white);
    border-radius: var(--pc5)
}

.pc-item-root>div:last-child>div.btn .btn-label[data-v-a23ad83c] {
    z-index: 1;
    pointer-events: none
}

.pc-item-root>div:last-child>div.btn.disabled[data-v-a23ad83c] {
    background-color: rgba(0,0,0,.5);
    cursor: not-allowed!important
}

.pc-item-root>div:last-child>div.btn[data-v-a23ad83c]:after {
    position: absolute;
    content: " ";
    top: var(--pc2);
    left: var(--pc2);
    right: var(--pc2);
    height: 46%;
    width: calc(100% - var(--pc4));
    border-radius: var(--pc3);
    background-image: linear-gradient(0deg,#535353,#818181 60%,#afafaf),linear-gradient(#000,#000);
    background-blend-mode: normal,normal;
    z-index: 0;
    pointer-events: none
}

.pc-item-root>div .limit-map-wrap[data-v-a23ad83c] {
    flex-grow: 1;
    height: 100%;
    width: 0;
    background: #fff;
    position: relative
}

.pc-item-root>div .limit-map-wrap .map[data-v-a23ad83c] {
    width: 100%;
    height: 100%
}

.pc-item-root>div .limit-map-wrap .limits[data-v-a23ad83c] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: flex;
    flex-direction: row;
    padding: var(--pc10)
}

.pc-item-root>div .limit-map-wrap .limits>div[data-v-a23ad83c] {
    white-space: nowrap;
    color: var(--white);
    font-size: var(--pc16);
    display: flex;
    flex-direction: column;
    padding: 2%;
    background-image: linear-gradient(0deg,#ef919a,#c4765a 0,#985a1a 0,#b57321 40%,#d18c27),linear-gradient(#e6db85,#e6db85);
    border: solid var(--pc1) #fff;
    width: 30%
}

.pc-item-root>div .limit-map-wrap .limits>div[data-v-a23ad83c]:not(:first-child) {
    margin-left: var(--pc20)
}

.pc-item-root>div .limit-map-wrap .limits>div>span[data-v-a23ad83c] {
    height: 25%
}

.pc-item-root>div>div[data-v-a23ad83c]:first-child {
    width: var(--pc33);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    font-size: var(--pc18);
    font-family: yaheilight,Courier New,Courier,monospace;
    color: var(--white)
}

.pc-item-root>div>div:first-child>div[data-v-a23ad83c] {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    flex-grow: 1;
    height: 0;
    margin-top: var(--pc20)
}

.mobile-item-root {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    padding: var(--mp9) var(--mp4);
    position: relative
}

.mobile-item-root .head {
    width: var(--mp34);
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: var(--white);
    font-size: var(--mp20);
    font-family: yaheilight,Courier New,Courier,monospace
}

.mobile-item-root .head.small-f {
    font-size: var(--mp17)
}

.mobile-item-root .head.small-f>div:last-child {
    font-size: var(--mp15)
}

.mobile-item-root .head>div:first-child {
    height: 0;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    letter-spacing: var(--mp2)
}

.mobile-item-root .head>div:last-child {
    width: 100%;
    padding-top: 0;
    padding-bottom: var(--mp10);
    text-align: center;
    font-size: var(--mp18)
}

.mobile-item-root .map {
    flex-grow: 1;
    width: 0;
    height: 100%;
    background: var(--white);
    display: flex;
    flex-direction: row;
    position: relative
}

.mobile-item-root .map .road-map {
    flex-grow: 1;
    width: 0;
    height: 100%
}

.mobile-item-root .map .timer {
    color: var(--white);
    width: var(--mp46);
    background-image: linear-gradient(0deg,#a3954f,#4b4315 62%,#776c32 87%,#a3954f),linear-gradient(#3c2d17,#3c2d17);
    background-blend-mode: normal,normal;
    height: 100%;
    font-size: var(--mp32);
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-item-root .map .timer>div.time.green {
    color: var(--timer-green)
}

.mobile-item-root .map .timer>div.time {
	font-size: 19px;
	font-weight: 550;
}

.mobile-item-root .map .timer>div.time.orange {
    color: var(--timer-orange)
}

.mobile-item-root .map .timer>div.time.red {
    color: var(--timer-red)
}

.mobile-item-root .map .timer>div.no-bet {
    font-size: var(--mp20)
}

.mobile-item-root .map .table-limit {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: flex;
    flex-direction: row;
    padding: var(--mp10)
}

.mobile-item-root .map .table-limit>div {
    white-space: nowrap;
    color: var(--white);
    font-size: var(--mp16);
    display: flex;
    flex-direction: column;
    padding: 2%;
    background-image: linear-gradient(0deg,#ef919a,#c4765a 0,#985a1a 0,#b57321 40%,#d18c27),linear-gradient(#e6db85,#e6db85);
    border: solid var(--mp1) #fff;
    width: 30%
}

.mobile-item-root .map .table-limit>div:not(:first-child) {
    margin-left: var(--mp20)
}

.mobile-item-root .map .table-limit>div>span {
    height: 25%
}

#app {
    width: 100%;
    height: 100%
}

.app-root {
    position: relative;
    width: 100%!important;
    height: 100%!important;
    z-index: 1;
    background-color: var(--black)
}

.app-root .main-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100vw;
    height: 56.25vw;
    max-height: 100vh;
    max-width: 177.78vh
}

.app-root .toast-message-wrap {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.app-root .toast-message-wrap p {
    min-width: var(--pc100);
    background: #000;
    padding: var(--pc10);
    border-radius: var(--pc20);
    font-size: var(--pc13);
    text-align: center
}

.app-root .dialog-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    z-index: 99999
}

@media (orientation: landscape) {
    #app {
        width:100vw;
        height: 100vh;
        overflow: hidden
    }
}

@media (orientation: portrait) {
    .app-root {
        overflow:hidden
    }

    .app-root.mobile {
        width: var(--mp375);
        min-height: var(--mp667);
        overflow: auto
    }

    .app-root.mobile .main-container {
        width: 100%;
        height: 100%
    }

    .app-root.mobile .toast-message-wrap p {
        min-width: var(--mp100);
        padding: var(--mp10);
        border-radius: var(--mp20);
        font-size: var(--mp13);
        text-align: center
    }
}