@charset "utf-8";

.a1epm2fo {
    --r49o3w: #5f6975;
    display: flex;
    margin-top: 0.75rem;
    font-size: 12px;
    color: var(--r49o3w);
    opacity: 0.6;
}

.darken .a1epm2fo {
    --r49o3w: #99a4b0;
}

.a1epm2fo .tip-msg {
    flex: 1 1 0%;
}

.a1epm2fo>svg {
    fill: var(--primary-color);
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: bottom;
    margin-right: 0.25rem;
}

@media screen and (max-width: 621px) {
    .a1epm2fo {
        margin: 0.6rem 0px;
    }

    .a1epm2fo>svg {
        width: 1.125rem;
        height: 1.125rem;
    }
}

.wklevwm {
    --oswpj5: linear-gradient(to top, #a0a7be, #6d738d);
    position: relative;
    background-image: var(--oswpj5);
    flex: 1 1 0%;
}

.darken .wklevwm {
    --oswpj5: none;
}

.wklevwm .box-bg {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -1px;
    width: 100%;
}

.c149eslo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    overflow: visible;
}

.c149eslo .chip-img-wrap {
    position: absolute;
    width: 1.75rem;
    height: 1.75rem;
}

.c149eslo .chip-img-wrap .chips-btn {
    position: relative;
    width: 100%;
    height: 100%;
}

.c149eslo .chip-img-wrap .chips-btn .chip-img-item {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0px;
}

.c149eslo .chip-img-wrap .chips-btn .chip-img-item .bg {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.c149eslo .chip-img-wrap .chips-btn .chip-img-item .bg .chip-num {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.c149eslo .chip-img-wrap .chips-btn .chip-img-item .bg .chip-num p {
    margin: 0px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 0.75rem;
    transform: scale(0.8);
}

.c149eslo .chip-img-wrap .chips-btn .chip-img-item .bg .chip-num.len-1 p, .c149eslo .chip-img-wrap .chips-btn .chip-img-item .bg .chip-num.len-2 p {
    transform: scale(0.9);
}

.s119zvbz {
    --69mopx: rgba(95, 105, 117, .1);
    display: flex;
    order: -1;
    margin-left: 1rem;
    -webkit-box-align: center;
    align-items: center;
}

.darken .s119zvbz {
    --69mopx: rgba(49, 52, 60, .35);
}

.s119zvbz .item {
    height: 2.75rem;
    font-weight: 400;
    border-radius: var(--border-radius);
    background-color: transparent;
}

.s119zvbz .item .button-inner {
    flex-wrap: nowrap;
    padding: 0px 0.5rem;
    min-width: 2.75rem;
}

.s119zvbz .item .button-inner span {
    margin-top: 2px;
    white-space: nowrap;
}

.s119zvbz .item .icon {
    transition: all 0.3s ease-in-out 0s;
    flex: 0 0 auto;
}

.s119zvbz .item .num {
    margin-left: 0.5rem;
}

.s119zvbz .item:hover {
    background-color: var(--69mopx);
}

.s119zvbz .item:hover .icon {
    fill: var(--title-color);
}

.s119zvbz .favorite.is-active {
    color: var(--yellow-color);
}

.s119zvbz .favorite.is-active .icon {
    fill: var(--yellow-color);
}

.s119zvbz .like.is-active {
    color: rgb(236, 64, 22);
}

.s119zvbz .like.is-active .icon {
    fill: rgb(236, 64, 22);
}

@media screen and (max-width: 621px) {
    .s119zvbz {
        margin-left: 0px;
    }

    .s119zvbz .item .button-inner {
        width: 2.75rem;
    }
}

.s1ui9gi3 {
    --5amr56: #FFFFFF;
    --1g7d2ka: #cccfd9;
    --69mopx: rgba(95, 105, 117, .1);
    display: flex;
    order: 10;
    -webkit-box-align: center;
    align-items: center;
    height: 3.625rem;
    position: relative;
    background: var(--5amr56);
}

.darken .s1ui9gi3 {
    --5amr56: #17191B;
    --1g7d2ka: #69707A;
    --69mopx: rgba(49, 52, 60, .35);
}

.s1ui9gi3::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 1px;
    opacity: 0.5;
    background-color: var(--1g7d2ka);
}

.s1ui9gi3::before {
    content: "";
    flex: 1 1 0%;
}

.s1ui9gi3 .action-item {
    cursor: pointer;
    margin-right: 0.5rem;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--border-radius);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.s1ui9gi3 .action-item .icon {
    transition: all 0.3s ease-in-out 0s;
}

.s1ui9gi3 .action-item .title {
    display: none;
    color: rgb(153, 164, 176);
    white-space: nowrap;
}

.s1ui9gi3 .action-item:hover {
    background: var(--69mopx);
}

.s1ui9gi3 .action-item:hover>.icon {
    font-size: 1rem;
    fill: var(--title-color);
}

.s1ui9gi3 .action-item:hover>.title {
    color: var(--primary-color);
}

.s1ui9gi3 .action-item.active>.icon {
    fill: var(--primary-color);
}

.s1ui9gi3 .action-item.active:hover>.icon {
    fill: var(--primary-color);
}

.s1ui9gi3 .action-item.active>.title {
    color: var(--primary-color);
}

.s1ui9gi3 .show-more {
    position: relative;
}

.s1ui9gi3 .show-more .action-item {
    padding: 0px 1.5rem;
    width: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.s1ui9gi3 .more-layer {
    position: absolute;
    z-index: 2;
    right: 0px;
    bottom: 100%;
    margin-bottom: 0.375rem;
    width: 8.75rem;
    border-radius: var(--border-radius);
    background-color: var(--standard-color);
}

.s1ui9gi3 .more-layer .title {
    display: block;
    margin-left: 1.25rem;
}

@media screen and (max-width: 621px) {
    .s1ui9gi3 {
        padding: 0px 0.5rem;
        height: 3.25rem;
    }

    .s1ui9gi3::after {
        left: 0px;
        right: 0px;
    }

    .s1ui9gi3 .action-item {
        margin-right: 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .s1ui9gi3 .more-layer .action-item {
        padding: 0px 1rem;
    }

    .s1ui9gi3 .more-layer .action-item .title {
        margin-left: 0.875rem;
    }

    .s1ui9gi3 .more-layer .action-item .icon {
        flex: 0 0 auto;
    }
}

.gb9i3i0 {
    --7h9g04: #f5f6fa;
    --vpkcea: #5f6975;
    --1f4c8jr: rgba(95, 105, 117, .36);
    --whdmoy: #31373d;
    --1uvkmwv: #5f6975;
}

.darken .gb9i3i0 {
    --7h9g04: #17181b;
    --vpkcea: rgba(153, 164, 176, .6);
    --1f4c8jr: rgba(153, 164, 176, .36);
    --whdmoy: #f5f6f7;
    --1uvkmwv: #f5f6f7;
}

.gb9i3i0 .help-list {
    margin-top: 0.5rem;
}

.gb9i3i0 .help-list>div {
    background-color: var(--7h9g04);
    border-radius: var(--border-radius);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 3.5rem;
    padding: 0px 1.25rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: var(--vpkcea);
}

.gb9i3i0 .help-list>div>svg {
    width: 0.75rem;
    height: 0.75rem;
    fill: var(--1f4c8jr);
}

.gb9i3i0 .help-list>div:hover {
    color: var(--whdmoy);
}

.gb9i3i0 .help-list>div:hover>svg {
    fill: var(--1uvkmwv);
}

.gocsmvy {
    --tt26x0: rgba(95, 105, 117, .8);
    --1waic39: rgba(95, 105, 117, .8);
    line-height: normal;
    user-select: text;
    color: var(--tt26x0);
    padding-bottom: 1.5rem !important;
}

.darken .gocsmvy {
    --tt26x0: rgba(153, 164, 176, .8);
    --1waic39: #99a4b0;
}

.gocsmvy .item {
    margin-bottom: 2.75rem;
}

.gocsmvy .item h2 {
    font-size: 0.875rem;
    margin: 0px 0px 0.5rem;
    font-weight: 600;
    color: var(--1waic39);
}

.gocsmvy .item h2:first-of-type {
    margin-top: 0.5rem;
}

.gocsmvy .item .help-content {
    margin-bottom: 2.75rem;
}

.gocsmvy .item .help-content p {
    margin: 0.75rem 0px;
    word-break: break-word;
}

.gocsmvy .item ol, .gocsmvy .item ul {
    padding-left: 1.2em;
    margin: 0px;
}

.gocsmvy .item ol li, .gocsmvy .item ul li, .gocsmvy .item ol.special li {
    margin: 0px 0px 1rem;
}

.gocsmvy .item .cl-primary {
    color: var(--primary-color);
}

.gocsmvy .item .cl-primary.pointer {
    cursor: pointer;
}

.gocsmvy .item .text-decoration {
    text-decoration: underline;
    cursor: pointer;
    padding-left: 0.2rem;
}

.m1olu66n {
    --r49o3w: #5f6975;
    margin-bottom: 2.75rem;
}

.darken .m1olu66n {
    --r49o3w: #99a4b0;
}

.m1olu66n .amount-str {
    width: auto;
}

@media screen and (max-width: 621px) {
    .m1olu66n tr td:first-child {
        border-radius: var(--border-radius) 0 0 var(--border-radius);
        padding-left: 0.75rem;
    }

    .m1olu66n tr td:last-child {
        border-radius: 0 var(--border-radius) var(--border-radius) 0;
        padding-right: 0.75rem;
    }

    .m1olu66n tr td .amount-str span {
        color: var(--r49o3w);
        opacity: 1;
    }
}

.d13z4u5t {
    --1mlqsjv: #F0F1F5;
    --5amr56: #FFFFFF;
    --157d7l0: #F6F7FA;
    --zwkor: #E9EAF1;
    position: relative;
    padding: 0px !important;
    background-color: var(--5amr56) !important;
}

.darken .d13z4u5t {
    --1mlqsjv: #282A30;
    --5amr56: #17191B;
    --157d7l0: #1E2024;
    --zwkor: #2E3035;
}

.d13z4u5t .toggle-wrap {
    margin-top: 0.75rem;
    background-color: var(--1mlqsjv);
    border-radius: var(--border-radius);
    padding: 0px 0.75rem;
}

.d13z4u5t .toggle-wrap .tw-title {
    width: 100%;
    height: 2.75rem;
    border-radius: var(--border-radius);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

.d13z4u5t .toggle-wrap .tw-title .icon {
    font-size: 0.75rem;
    transition: transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1) 0s;
}

.d13z4u5t .toggle-wrap .tw-title:hover .icon {
    fill: var(--title-color);
}

.d13z4u5t .toggle-wrap .tw-title.show .icon {
    transform: rotate(90deg);
}

.d13z4u5t .toggle-wrap .toggle-game-detail {
    padding-bottom: 1.5rem;
}

.d13z4u5t .rt_items {
    background-color: var(--157d7l0);
}

.d13z4u5t .seed-main {
    margin-top: 1.25rem;
}

.d13z4u5t .seed-main .ui-input {
    margin-top: 1rem;
}

.d13z4u5t .seed-main .ui-input .label {
    color: rgba(153, 164, 176, 0.6);
}

.d13z4u5t .seed-main .ui-input:first-of-type {
    margin-top: 0px;
}

.d13z4u5t .seed-main .ui-input input {
    font-weight: 500;
}

.d13z4u5t .seed-main .ui-input input::-webkit-input-placeholder {
    color: rgba(153, 164, 176, 0.6);
}

.d13z4u5t .seed-main .ui-input input::placeholder {
    color: rgba(153, 164, 176, 0.6);
}

.d13z4u5t .seed-main .ui-input .input-control {
    background-color: var(--157d7l0);
    border: 1px solid var(--zwkor);
    height: 3rem;
    padding: 0px 0.875rem;
}

.d13z4u5t .seed-main .ui-input .input-control input[readonly] {
    opacity: 1;
}

.d13z4u5t .seed-main .ui-input .seed-col {
    width: 100%;
    display: flex;
    cursor: pointer;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.d13z4u5t .seed-main .ui-input .seed-col .cl-primary {
    color: var(--primary-color);
}

.d13z4u5t .seed-main .col {
    margin-top: 0.75rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.d13z4u5t .seed-main .col>.ui-input {
    margin-top: 0rem;
    width: 49%;
}

.d13z4u5t .seed-main .col>.input:first-of-type {
    flex: 2 1 0%;
}

.d13z4u5t .seed-main .col>.input:last-of-type {
    flex: 1 1 0%;
    margin-left: 0.625rem;
}

.d13z4u5t .seed-main .col>.input:last-of-type input {
    text-align: center;
}

.d13z4u5t .verify-wrap .verify-btn {
    width: 70%;
    height: 3.5rem;
    margin: 1.25rem auto 0px;
}

.d1wj5frq {
    --1hur2gy: #f4f6fa;
    --1yhspeg: rgba(95, 105, 117, .8);
    --1iak05v: #dce2ef;
    margin-top: 0.625rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-radius: var(--border-radius);
    background-color: var(--1hur2gy);
    padding: 1rem 0px;
}

.darken .d1wj5frq {
    --1hur2gy: #27282d;
    --1yhspeg: rgba(153, 164, 176, .6);
    --1iak05v: #34353c;
}

.d1wj5frq .item-wrap {
    height: 2.625rem;
    color: var(--1yhspeg);
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 0.375rem;
    border-right: 1px solid var(--1iak05v);
}

.d1wj5frq .item-wrap:last-of-type {
    margin-right: 0px;
    border: none;
}

.d1wj5frq .item-wrap .item-num {
    height: 1.25rem;
    font-size: 0.75rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 700;
}

.d1wj5frq .item-wrap .item-num>svg {
    margin-right: 0.5rem;
}

.d1wj5frq .item-wrap .item-num>svg.result {
    fill: var(--primary-color);
}

.d1wj5frq .item-wrap .item-num>svg.bettype {
    fill: rgb(15, 98, 254);
}

.d1wj5frq .item-wrap .item-num>svg.chance {
    fill: rgb(237, 99, 0);
}

.d1wj5frq .item-wrap .item-desc {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 1rem;
    font-size: 0.75rem;
    white-space: nowrap;
    margin-top: 0.75rem;
}

.jamkj9w {
    --owsa6v: #e9eaf2;
    --7h9g04: #f5f6fa;
    --1yhspeg: rgba(95, 105, 117, .8);
    --1jpczgl: #31373d;
    --1hr07om: rgba(95, 105, 117, .6);
    --1ppl4n: #171616;
}

.darken .jamkj9w {
    --owsa6v: rgba(176, 179, 191, .13);
    --7h9g04: #17181b;
    --1yhspeg: rgba(153, 164, 176, .6);
    --1jpczgl: #f6f7f7;
    --1hr07om: rgba(153, 164, 176, .6);
    --1ppl4n: #ede9e1;
}

.jamkj9w.loading {
    height: 25rem;
}

.jamkj9w .top-tabicon {
    margin-bottom: 2rem;
    text-align: center;
}

.jamkj9w .top-tabicon svg {
    width: 20rem;
}

.jamkj9w .home-botdata {
    padding-top: 2rem;
    border-top: 1px solid var(--owsa6v);
}

.jamkj9w .home-botdata .botdata-item {
    background-color: var(--7h9g04);
    height: 3.5rem;
    border-radius: var(--border-radius);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.jamkj9w .home-botdata .botdata-item .item-wrap {
    position: relative;
    height: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    flex: 1 1 0%;
    line-height: 1;
    padding-left: 2.5rem;
    overflow: hidden;
}

.jamkj9w .home-botdata .botdata-item .item-wrap .item-currency {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 1.125rem;
    color: var(--1yhspeg);
}

.jamkj9w .home-botdata .botdata-item .item-wrap .item-currency .amount {
    color: var(--1jpczgl);
    font-weight: 500;
}

.jamkj9w .home-botdata .botdata-item .item-wrap .item-currency .name {
    margin-left: 0.375rem;
}

.jamkj9w .home-botdata .botdata-item .item-wrap .item-word {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 0.75rem;
    height: 1rem;
    color: var(--1hr07om);
    white-space: nowrap;
}

.jamkj9w .home-botdata .botdata-item .item-wrap .item-word .amount {
    color: var(--1ppl4n);
}

.jamkj9w .home-botdata .botdata-item .item-wrap::after {
    position: absolute;
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    top: 1.375rem;
    left: 0.875rem;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.jamkj9w .home-botdata .botdata-item:last-of-type {
    margin-bottom: 0px;
}

.jamkj9w .jackpot-bottom {
    height: 1rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 1rem;
    color: var(--primary-color);
    font-size: 0.75rem;
    cursor: pointer;
    margin-bottom: 2rem;
}

.jamkj9w .jackpot-bottom>svg {
    width: 1rem;
    height: 1rem;
    fill: var(--primary-color);
    margin-right: 0.125rem;
}

.jc22s9d {
    --1yhspeg: rgba(95, 105, 117, .8);
    --1jpczgl: #31373d;
    --7h9g04: #f5f6fa;
    --vpkcea: #5f6975;
    --1hr07om: rgba(95, 105, 117, .6);
    --1ppl4n: #171616;
    --1rhnxmf: none;
    color: var(--1yhspeg);
}

.darken .jc22s9d {
    --1yhspeg: rgba(153, 164, 176, .6);
    --1jpczgl: #f6f7f7;
    --7h9g04: #17181b;
    --vpkcea: rgba(153, 164, 176, .6);
    --1hr07om: rgba(153, 164, 176, .6);
    --1ppl4n: #ede9e1;
    --1rhnxmf: 1px solid #17181b;
}

.jc22s9d.loading {
    height: 25rem;
}

.jc22s9d .jackpot-prize-top {
    margin-top: 1.125rem;
}

.jc22s9d .jackpot-prize-top .top-description {
    margin-bottom: 1rem;
    padding-left: 1.25rem;
    position: relative;
    line-height: 1.25;
}

.jc22s9d .jackpot-prize-top .top-description.last {
    margin-bottom: 0px;
}

.jc22s9d .jackpot-prize-top .top-description .top-primary {
    color: var(--primary-color);
}

.jc22s9d .jackpot-prize-top .top-description .top-primary-link {
    cursor: pointer;
    color: var(--primary-color);
    padding: 0px 0.2rem;
}

.jc22s9d .jackpot-prize-top .top-description .top-primary-link:hover {
    text-decoration: underline;
}

.jc22s9d .jackpot-prize-top .top-description::after {
    position: absolute;
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    top: 0.25rem;
    left: 0px;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.jc22s9d .jackpot-prize-top .top-blanch {
    margin-top: 1rem;
    padding-left: 1.25rem;
}

.jc22s9d .jackpot-prize-top .top-blanch>span {
    color: var(--1jpczgl);
    font-weight: 700;
    padding: 0px 0.25rem;
}

.jc22s9d .jackpot-prize-top .input-area {
    margin-top: 1rem;
    height: 3rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.jc22s9d .jackpot-prize-top .input-area .ui-input {
    margin-top: 0px;
    margin-right: 0.5rem;
    flex: 1 1 0%;
}

.jc22s9d .jackpot-prize-top .input-area .ui-input .input-control {
    height: 3rem;
    background: var(--7h9g04);
    border-radius: var(--border-radius);
    border: var(--1rhnxmf);
}

.jc22s9d .jackpot-prize-top .input-area .ui-input .input-control input::-webkit-input-placeholder {
    color: var(--vpkcea);
}

.jc22s9d .jackpot-prize-top .input-area .ui-input .input-control input::placeholder {
    color: var(--vpkcea);
}

.jc22s9d .jackpot-prize-top .select-btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 3rem;
    margin-top: 0.5rem;
}

.jc22s9d .jackpot-prize-top .select-btn .leverage-select {
    height: 100%;
}

.jc22s9d .jackpot-prize-top .select-btn .leverage-select .ui-select {
    width: 10.625rem;
    height: 100%;
    margin: 0px auto;
}

.jc22s9d .jackpot-prize-top .select-btn .leverage-select .select-trigger {
    border-radius: var(--border-radius);
    background: var(--7h9g04);
}

.jc22s9d .jackpot-prize-top .select-btn .deposit-btn {
    flex: 1 1 0%;
    font-size: 1rem;
    height: 3rem;
    margin: 0px auto 0px 0.75rem;
    font-weight: 700;
}

.jc22s9d .jackpot-prize-top .select-btn .deposit-btn:disabled {
    opacity: 1;
}

.jc22s9d .jackpot-prize-bottom {
    margin-top: 1.25rem;
    margin-bottom: 3.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(176, 179, 191, 0.13);
}

.jc22s9d .jackpot-prize-bottom .botdata-item {
    background-color: var(--7h9g04);
    height: 3.5rem;
    border-radius: var(--border-radius);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap {
    position: relative;
    height: 100%;
    width: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    flex: 1 1 0%;
    line-height: 1;
    padding-left: 2.5rem;
    overflow: hidden;
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap .item-currency {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 1.125rem;
    color: var(--1yhspeg);
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap .item-currency .amount {
    color: var(--1jpczgl);
    font-weight: 500;
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap .item-currency .name {
    margin-left: 0.375rem;
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap .item-currency .leverage-word {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1rem;
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap .item-word {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 0.75rem;
    height: 1rem;
    color: var(--1hr07om);
    white-space: nowrap;
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap .item-word .amount {
    color: var(--1ppl4n);
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap .num {
    color: var(--1jpczgl);
    font-weight: 500;
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap::after {
    position: absolute;
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    top: 1.375rem;
    left: 0.875rem;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.jc22s9d .jackpot-prize-bottom .botdata-item .item-wrap.no-info {
    visibility: hidden;
}

.jc22s9d .jackpot-prize-bottom .botdata-item:last-of-type {
    margin-bottom: 0px;
}

.d9b1g51 {
    --1w2wo58: rgba(255, 255, 255, .5);
    border-collapse: separate;
    border-spacing: 0px;
    border: none;
    width: 100%;
}

.darken .d9b1g51 {
    --1w2wo58: #17181b;
}

.d9b1g51 thead {
    width: 100%;
}

.d9b1g51 thead th {
    font-weight: 500;
    height: 3.875rem;
}

.d9b1g51 tbody tr {
    height: 3.5rem;
    border-radius: var(--border-radius);
}

.d9b1g51 tbody tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.d9b1g51 tbody tr>td:first-child {
    padding-left: 0.625rem;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.d9b1g51 tbody tr>td:last-child {
    padding-right: 0.625rem;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.d9b1g51 tbody>tr:nth-child(2n-1)>td {
    background-color: var(--1w2wo58);
}

.h1y8m2g {
    --1l3jmhe: #c2cace;
}

.darken .h1y8m2g {
    --1l3jmhe: #88a5b8;
}

.h1y8m2g .jackpot-history {
    min-height: 400px;
}

.h1y8m2g .jackpot-history .empty {
    padding: 13.75rem 0px 2.5rem;
    background-size: 8.125rem;
}

.h1y8m2g .jackpot-history .empty p {
    color: var(--1l3jmhe);
    line-height: 1.875rem;
    text-align: center;
    font-size: 0.875rem;
}

.h1y8m2g .prise-amount {
    font-weight: 700;
    color: var(--primary-color);
    letter-spacing: -1px;
}

.l1lx97rq {
    width: 100%;
    height: 25rem;
}

.j18ap0yi {
    --13pd48x: #f5f6fa;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    overflow: hidden;
}

.darken .j18ap0yi {
    --13pd48x: rgba(49, 52, 60, .4);
}

.j18ap0yi .tabs-navs {
    margin: 0.5rem 0.625rem 0px;
    background: var(--13pd48x);
}

.j18ap0yi .tabs-nav {
    width: 8.5rem;
    -webkit-box-pack: center;
    justify-content: center;
}

.j18ap0yi .tabs-view {
    flex: 1 1 0%;
    height: 25rem;
}

.j18ap0yi .ui-scrollview {
    overflow-y: auto;
    width: 103%;
    padding-right: 3%;
}

@media screen and (max-width: 621px) {
    .j18ap0yi .ui-scrollview {
        width: 104%;
        padding-right: 4%;
    }
}

.j6vfwk5 {
    --13pd48x: #f5f6fa;
    --whdmoy: #31373d;
    width: 10.125rem;
    height: 100%;
    line-height: 1.25rem;
    border-radius: var(--border-radius);
    position: relative;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--13pd48x);
}

.darken .j6vfwk5 {
    --13pd48x: rgba(49, 52, 60, .4);
    --whdmoy: #f5f6f7;
}

.j6vfwk5 .title {
    font-weight: 700;
    height: 1.25rem;
}

.j6vfwk5 .title .tit {
    margin-right: 0.25rem;
    color: var(--primary-color);
}

.j6vfwk5 .coin {
    vertical-align: top;
    height: 1.25rem;
    margin-top: -0.25rem;
}

.j6vfwk5 .coin .name {
    display: none;
}

.j6vfwk5 .coin .coin-icon {
    width: 1rem;
    height: 1rem;
}

.j6vfwk5 .coin .amount {
    color: var(--whdmoy);
    font-weight: 700;
}

.j6vfwk5 .coin .amount .amount-str {
    width: auto;
}

.g1k8hpak {
    --1hr07om: rgba(95, 105, 117, .6);
    --1u5qtl: #f5f6fa;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 2.75rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.darken .g1k8hpak {
    --1hr07om: rgba(153, 164, 176, .6);
    --1u5qtl: rgba(122, 128, 140, .15);
}

.g1k8hpak .jackpot-enter {
    margin-left: 1rem;
}

.g1k8hpak .recent-list-wrap {
    flex: 1 1 auto;
    display: flex;
    height: 100%;
    margin: 0px 0.5rem;
    overflow: hidden;
    position: relative;
    border-radius: var(--border-radius);
}

.g1k8hpak .recent-list {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.g1k8hpak .recent-item {
    padding: 0px 0.25rem;
    cursor: pointer;
}

.g1k8hpak .item-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 1 1 0%;
    height: 100%;
    border-radius: var(--border-radius);
    font-weight: 700;
}

.g1k8hpak .is-win {
    color: rgb(245, 246, 247);
    background-color: var(--primary-color);
}

.g1k8hpak .is-lose {
    color: var(--1hr07om);
    background-color: var(--1u5qtl);
}

.g1k8hpak .empty-item {
    display: flex;
    width: 1px;
    height: 100%;
    flex: 1 1 1px;
    color: var(--1hr07om);
    background-color: var(--1u5qtl);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: var(--border-radius);
}

.g1k8hpak .empty-item>p {
    margin: 0px;
    padding: 0px 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.g1k8hpak>.recent-item:first-of-type {
    margin-left: 0px;
}

@media screen and (max-width: 621px) {
    .g1k8hpak .jackpot-enter {
        margin-left: 0.625rem;
    }

    .g1k8hpak .recent-list-wrap {
        margin: 0px 0.625rem;
    }
}

.cgn8hop .coin-icon {
    order: -1;
    margin-right: 0.375rem;
    width: 1.25rem;
    height: 1.25rem;
}

.cgn8hop .label-amount {
    margin-left: auto;
}

.c16p84vv {
    position: relative;
}

.aonfmvp {
    --1o6ujuo: #F5F6FA;
    --1vnucip: #ECEEF4;
    --l2i37l: #B9C4DD;
    --i26lwv: #E9EAF1;
    --1wyhw8m: rgba(0, 0, 0, .2);
    --16fnfsd: #F5F6FA;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 1px;
}

.darken .aonfmvp {
    --1o6ujuo: #222328;
    --1vnucip: #1B1C20;
    --l2i37l: #717785;
    --i26lwv: #535963;
    --1wyhw8m: rgba(0, 0, 0, .7);
    --16fnfsd: rgba(0, 0, 0, .3);
}

.aonfmvp .ui-button {
    height: 2rem;
    background: var(--1o6ujuo);
    border-radius: var(--border-radius);
    margin-right: 1px;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--title-color);
}

.aonfmvp .ui-button:last-child {
    margin-right: 0px;
}

.aonfmvp .ui-button:hover {
    background: var(--1vnucip);
}

.aonfmvp.tip-btns-wrap {
    position: absolute;
    bottom: 4rem;
    width: 104%;
    left: -2%;
    z-index: -1;
    opacity: 0;
    border: 1px solid var(--l2i37l);
    background: var(--i26lwv);
    box-shadow: 0 -4px 30px 0 var(--1wyhw8m);
    padding: 0.25rem;
    border-radius: var(--border-radius);
    transition-property: all;
    transition-duration: 0.4s;
}

.aonfmvp.tip-btns-wrap.is-focus {
    bottom: 2.875rem;
    opacity: 1;
    z-index: 1;
}

.aonfmvp.tip-btns-wrap .ui-button {
    margin-right: 0.25rem;
    background: var(--16fnfsd);
}

.aonfmvp.tip-btns-wrap .ui-button:last-child {
    margin-right: 0px;
}

@media screen and (max-width: 621px) {
    .aonfmvp.tip-btns-wrap.is-focus {
        bottom: 3.625rem;
    }

    .aonfmvp .ui-button {
        height: 2.75rem;
    }
}

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

.t14dunpx .icon {
    width: 0.75rem;
    height: 0.75rem;
    fill: var(--title-color);
}

.t14dunpx .icon:first-of-type {
    transform: rotate(-90deg);
    margin-bottom: 0.125rem;
}

.t14dunpx .icon:last-of-type {
    transform: rotate(90deg);
}

.tci4gns {
    position: absolute;
    left: 50%;
    top: -0.5rem;
    transform: translate(-50%, -100%);
    background-color: rgb(255, 255, 255);
    padding: 0.3125rem 0.625rem;
    border-radius: var(--border-radius);
    color: rgb(11, 33, 46);
    z-index: 10;
    width: 13.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

.tci4gns::after {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    left: 50%;
    bottom: -0.25rem;
    margin-left: -0.25rem;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
}

.l19omkgq {
    --11vi67x: #31343c;
    --153cma6: #fff;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 1rem;
}

.darken .l19omkgq {
    --11vi67x: rgba(153, 164, 176, .8);
    --153cma6: #25272b;
}

.l19omkgq .icon {
    fill: var(--primary-color);
    width: 1rem;
    height: 1rem;
    vertical-align: top;
    transform: rotate(180deg);
    cursor: pointer;
}

.l19omkgq .tit {
    color: rgb(128, 143, 158);
}

.l19omkgq .tip {
    display: none;
    box-sizing: border-box;
    position: absolute;
    left: -0.75rem;
    top: -2.625rem;
    height: 2.25rem;
    line-height: 1.25rem;
    padding: 0.3125rem 0.625rem;
    white-space: nowrap;
    color: var(--11vi67x);
    background-color: var(--153cma6);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 8px;
    border-radius: var(--border-radius);
}

.l19omkgq .tip::after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    left: 1rem;
    bottom: -0.25rem;
    background-color: var(--153cma6);
    transform: rotate(45deg);
}

.l19omkgq .max-profit {
    position: relative;
    margin-left: 0.25rem;
    width: 1rem;
    height: 1rem;
}

.l19omkgq .max-profit:hover .tip {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.c159p90x {
    --16ynjn7: #f5f6fa;
    --17gwrgi: rgba(119, 128, 139, .5);
    --1ypm38e: rgba(204, 207, 217, .6);
    --1uvkmwv: #5f6975;
    --er17yo: rgba(233, 234, 242, .5);
}

.darken .c159p90x {
    --16ynjn7: #212328;
    --17gwrgi: #17181b;
    --1ypm38e: rgba(60, 64, 74, .5);
    --1uvkmwv: #f5f6f7;
    --er17yo: #3c404a;
}

.c159p90x .input-control input {
    font-weight: 600;
}

.c159p90x .fix-layer {
    position: absolute;
    right: 0px;
    top: 2.5rem;
    z-index: 2;
    touch-action: pan-x;
    width: 200px;
    height: 2.5rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: var(--border-radius);
    background-color: var(--16ynjn7);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 1px 0px 7px;
}

.c159p90x .fix-layer .ui-slider {
    flex: 1 1 0%;
    height: 100%;
}

.c159p90x .fix-layer .slider-before, .c159p90x .fix-layer .slider-after {
    width: 86%;
    left: 7%;
    height: 0.5rem;
    margin-top: -0.25rem;
    border-radius: var(--border-radius);
    background-color: var(--17gwrgi);
    transform: scaleX(1) !important;
}

.c159p90x .fix-layer .slider-handler {
    height: 100%;
    position: relative;
    background: none;
}

.c159p90x .fix-layer .slider-handler::after {
    content: "";
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 0.3125rem;
    width: 0.75rem;
    border-radius: var(--border-radius);
    background-color: rgb(204, 207, 217);
}

.c159p90x .fix-layer>button {
    height: 100%;
    width: 2.5rem;
    flex: 0 0 auto;
    font-size: 0.75rem;
    background-color: var(--1ypm38e);
}

.c159p90x .fix-layer>button:hover, .c159p90x .fix-layer>button.active {
    color: var(--1uvkmwv);
    font-weight: 600;
    background-color: var(--er17yo);
}

@media screen and (max-width: 621px) {
    .c159p90x.small .input-control {
        height: 3.25rem;
    }

    .c159p90x .fix-layer {
        top: 3.5rem;
    }
}

.g1dnhffb {
    --1f94bm3: #222328;
    width: 100%;
    margin-top: 1rem;
}

.darken .g1dnhffb {
    --1f94bm3: #222328;
}

.g1dnhffb p {
    margin: 0px;
}

.g1dnhffb .crease-label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1em;
    height: 1.25rem;
    margin: 0px 0px 0.375rem;
}

.g1dnhffb .switch-input-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: nowrap;
}

.g30e3bc {
    margin: 0px;
    flex: 1 1 0%;
}

.g30e3bc .percent {
    margin-right: 0.25rem;
}

.g30e3bc input:read-only {
    opacity: 0.5;
}

.i1fi78um {
    --jw4p3i: #FFFFFF;
    --tf0ala: #E9EAF1;
    height: 2.5rem;
    flex: 0 0 auto;
    padding: 0.25rem;
    border-radius: var(--border-radius);
    background-color: var(--jw4p3i);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 0.25rem;
}

.darken .i1fi78um {
    --jw4p3i: #222328;
    --tf0ala: #31343B;
}

.i1fi78um .text {
    width: auto;
    height: 100%;
    border-radius: var(--border-radius);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 0px 0.5rem;
    max-width: 6.25rem;
    white-space: nowrap;
    overflow: hidden;
}

.i1fi78um .text:first-of-type {
    margin-right: 0.25rem;
}

.i1fi78um .text.active {
    color: var(--title-color);
    background: var(--tf0ala);
}

@media screen and (max-width: 621px) {
    .i1fi78um {
        height: 3.25rem;
    }
}

.l12myta6 .ui-select {
    flex: 1 1 0%;
    height: 100%;
}

.l12myta6.l12myta6 .input-control {
    padding: 0px;
}

.l12myta6 .select-trigger {
    padding: 0px 0.625rem;
    background-color: transparent;
}

.l12myta6 .select-trigger .arrow {
    width: 1.875rem;
}

.saokfa6 {
    --tf0ala: #E9EAF1;
    --68lae9: rgba(233, 234, 241, .5);
}

.darken .saokfa6 {
    --tf0ala: #31343B;
    --68lae9: #40444E;
}

.saokfa6 .xbet-flag {
    position: absolute;
    font-weight: 600;
    top: 50%;
    transform: translateY(-50%);
}

.saokfa6 .xbet-flag span {
    font-weight: 700;
    line-height: 1rem;
    font-size: 0.75rem;
}

.saokfa6 .payout-buttons {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.saokfa6 .payout-buttons button {
    width: 3.75rem;
    height: 2rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: var(--tf0ala);
    border-radius: var(--border-radius);
}

.saokfa6 .payout-buttons button .icon {
    fill: var(--title-color);
    font-size: 0.625rem;
}

.saokfa6 .payout-buttons button:hover {
    background-color: var(--68lae9);
}

.saokfa6 .payout-buttons .sub-btn {
    margin-right: 0.25rem;
}

.saokfa6 .payout-buttons .sub-btn .icon {
    transform: rotate(180deg);
}

@media screen and (max-width: 621px) {
    .saokfa6.small .input-control {
        height: 3.25rem;
    }

    .saokfa6 .payout-buttons button {
        width: 3.75rem;
        height: 2.75rem;
    }
}

.cdu6fwi {
    --jw4p3i: #FFFFFF;
    --18qb793: #E9EAF1;
    --edn8ox: #dadde6;
    --hsryh1: #5F6975;
}

.darken .cdu6fwi {
    --jw4p3i: #222328;
    --18qb793: #2A2C33;
    --edn8ox: #3c404a;
    --hsryh1: #FFFFFF;
}

.cdu6fwi .chip-label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1em;
    height: 1.25rem;
    margin: 0px 1.125rem 0px 0.375rem;
}

.cdu6fwi .chip-label .coin {
    margin-left: 0.25rem;
    flex-direction: row-reverse;
}

.cdu6fwi .chip-label .coin .amount-str {
    width: auto;
    font-weight: 600;
    margin-left: 0.25rem;
}

.cdu6fwi .chip-label .coin img {
    width: 1rem;
    height: auto;
    margin-left: 0.25rem;
}

.cdu6fwi .chip-list {
    width: 100%;
    height: 3rem;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0.25rem;
    background-color: var(--jw4p3i);
    border-radius: var(--border-radius);
}

.cdu6fwi .chip-list .navigation-prev-chipbtn {
    flex: 0 0 auto;
    width: 2rem;
    height: 2.5rem;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    background-color: var(--18qb793);
}

.cdu6fwi .chip-list .navigation-prev-chipbtn:hover {
    background: var(--edn8ox);
}

.cdu6fwi .chip-list .navigation-prev-chipbtn .icon {
    transform: rotate(180deg);
    margin-left: 2px;
    width: 1rem;
    fill: var(--hsryh1);
}

.cdu6fwi .chip-list .navigation-next-chipbtn {
    flex: 0 0 auto;
    width: 2rem;
    height: 2.5rem;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    background-color: var(--18qb793);
}

.cdu6fwi .chip-list .navigation-next-chipbtn:hover {
    background: var(--edn8ox);
}

.cdu6fwi .chip-list .navigation-next-chipbtn .icon {
    margin-left: -2px;
    width: 1rem;
    fill: var(--hsryh1);
}

.cdu6fwi .chip-list .swiper {
    flex: 1 1 0%;
    margin: 0px 0.375rem;
}

.cdu6fwi .chip-list .swiper .swiper-slide {
    width: 2.5rem;
    height: 2.5rem;
}

.cdu6fwi .chip-list .swiper .swiper-slide .ui-button {
    border: 2px solid transparent;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.cdu6fwi .chip-list .swiper .swiper-slide .ui-button .button-inner {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
}

.cdu6fwi .chip-list .swiper .swiper-slide .ui-button .button-inner .chip-img-wrap {
    width: 2rem;
    height: 2rem;
}

.cdu6fwi .chip-list .swiper .swiper-slide .ui-button.select {
    border: 2px solid var(--primary-color);
}

@media screen and (max-width: 621px) {
    .cdu6fwi .chip-list {
        height: 3.75rem;
    }

    .cdu6fwi .chip-list .navigation-prev-chipbtn, .cdu6fwi .chip-list .navigation-next-chipbtn {
        height: 3.25rem;
    }

    .cdu6fwi .chip-list .swiper {
        margin: 0px 0.5rem;
    }

    .cdu6fwi .chip-list .swiper .swiper-slide {
        width: 3.25rem;
        height: 3.25rem;
    }

    .cdu6fwi .chip-list .swiper .swiper-slide .ui-button .button-inner .chip-img-wrap {
        width: 2.75rem;
        height: 2.75rem;
    }
}

.sswf3lp {
    --1p0a4da: #E9EAF1;
}

.darken .sswf3lp {
    --1p0a4da: #17181B;
}

.sswf3lp .input-control {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.sswf3lp .input-control .slider-num {
    width: 1.25rem;
}

.sswf3lp .input-control .slider-num.value {
    color: var(--title-color);
    font-weight: 600;
}

.sswf3lp .input-control .slider-num.max {
    text-align: right;
}

.sswf3lp .input-control .ui-slider {
    flex: 1 1 0%;
    height: 1.5rem;
    padding: 0px 0.5rem !important;
}

@media screen and (min-width: 621px) {
    .sswf3lp .input-control .ui-slider .slider-before, .sswf3lp .input-control .ui-slider .slider-after {
        left: 0px;
        right: 0px;
    }
}

.sswf3lp .input-control .ui-slider .slider-before {
    height: 0.625rem;
    margin-top: -0.3125rem;
    border-radius: 0.3125rem;
    background-color: var(--1p0a4da);
}

.sswf3lp .input-control .ui-slider .slider-after {
    height: 0.625rem;
    margin-top: -0.3125rem;
    border-radius: 0.3125rem;
    background-color: var(--primary-color);
    transform: none !important;
}

.sswf3lp .input-control .ui-slider .slider-handler-wrap .slider-handler {
    width: 0.75rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    border-radius: var(--border-radius);
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.25) -2px 0px 4px;
    position: relative;
}

.sswf3lp .input-control .ui-slider .slider-handler-wrap .slider-handler::after {
    content: " ";
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0px;
    left: -50%;
}

@media screen and (max-width: 621px) {
    .sswf3lp .input-control .slider-num {
        width: 1.75rem;
        font-size: 1rem;
    }

    .sswf3lp .input-control .ui-slider {
        height: 2.25rem;
        padding: 0px 0.625rem !important;
    }

    .sswf3lp .input-control .ui-slider .slider-after {
        height: 0.875rem;
        margin-top: -0.4375rem;
        border-radius: 0.4375rem;
        left: 0px;
    }

    .sswf3lp .input-control .ui-slider .slider-before {
        height: 0.875rem;
        margin-top: -0.4375rem;
        border-radius: 0.4375rem;
    }

    .sswf3lp .input-control .ui-slider .slider-handler-wrap .slider-handler {
        width: 1.125rem;
        height: 2rem;
    }
}

.i58j8vd .copy-button {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: -1.25rem;
}

.h98htat {
    --7h9g04: #f5f6fa;
    --1yhspeg: rgba(95, 105, 117, .8);
    --whdmoy: #31373d;
    --r49o3w: #5f6975;
    --vv18os: #f5f6fa;
    --5cxqan: rgba(95, 105, 117, .14);
}

.darken .h98htat {
    --7h9g04: #17181b;
    --1yhspeg: rgba(153, 164, 176, .6);
    --whdmoy: #f5f6f7;
    --r49o3w: #99a4b0;
    --vv18os: rgba(45, 48, 53, .5);
    --5cxqan: #2d3035;
}

.h98htat .hotkey-list {
    margin-top: 0.5rem;
}

.h98htat .hotkey-item {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 1.25rem;
    height: 3.5rem;
    border-radius: var(--border-radius);
    margin-bottom: 0.5rem;
    background-color: var(--7h9g04);
    color: var(--1yhspeg);
}

.h98htat .hotkey-item .hotkey-key {
    width: 6.25rem;
    text-align: center;
    position: relative;
    font-weight: 600;
    color: var(--whdmoy);
    padding: 0.5rem 0px 0.5rem 1.25rem;
}

.h98htat .hotkey-item .hotkey-key::after {
    content: "";
    left: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0.13;
    position: absolute;
    width: 1px;
    background-color: var(--r49o3w);
}

.h98htat .hotkey-enabled {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 1.25rem;
    cursor: pointer;
    color: var(--1yhspeg);
}

.h98htat .hotkey-enabled .hotkey-select {
    width: 1rem;
    height: 1rem;
    border-radius: var(--border-radius);
    margin-right: 0.5rem;
    position: relative;
    background-color: var(--vv18os);
    border: 1px solid var(--5cxqan);
}

.h98htat .hotkey-enabled .hotkey-select.active::after {
    content: "";
    position: absolute;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: var(--border-radius);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--primary-color);
}

.sqzqjza {
    --12g3r7r: #f5f6fa;
    --1l16ltr: rgba(218, 221, 230, .4);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.darken .sqzqjza {
    --12g3r7r: #222328;
    --1l16ltr: #31343B;
}

.sqzqjza .script-item {
    height: 2.75rem;
    border-radius: var(--border-radius);
    background: var(--12g3r7r);
    margin-top: 0.75rem;
    padding-left: 1.5rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
}

.sqzqjza .script-name {
    flex: 1 1 0%;
    overflow: hidden;
}

.sqzqjza .script-run {
    height: 2.25rem;
    border-radius: var(--border-radius);
    color: var(--title-color);
    padding: 0px 1.125rem;
    margin-right: 0.25rem;
    background-color: var(--1l16ltr);
}

.sqzqjza .script-add {
    margin-top: 0.75rem;
    flex: 1 1 0%;
}

.sqzqjza .script-view, .sqzqjza .script-edit, .sqzqjza .script-del {
    background: transparent;
    height: 1.875rem;
    padding: 0px 0.625rem;
}

.sqzqjza .script-view .icon, .sqzqjza .script-edit .icon, .sqzqjza .script-del .icon {
    width: 1.25rem;
    height: 1.25rem;
}

.g1e2v7fs {
    --13pd48x: #f5f6fa;
    height: 100%;
    overflow: auto;
    margin-top: 1.25rem;
}

.darken .g1e2v7fs {
    --13pd48x: rgba(49, 52, 60, .4);
}

.g1e2v7fs .script-tips {
    margin-top: 0px;
}

.g1e2v7fs .tip-help {
    color: var(--primary-color);
    cursor: pointer;
}

.g1e2v7fs .tip-help:hover {
    text-decoration: underline;
}

.g1e2v7fs .logs {
    height: 10.625rem;
    margin-top: 0.625rem;
    overflow: auto;
    border: 1px solid var(--primary-color);
    background-color: var(--13pd48x);
    box-sizing: border-box;
    border-radius: var(--border-radius);
    padding: 0.3125rem;
}

.g1e2v7fs .logs .type-1 {
    color: var(--primary-color);
}

.g1e2v7fs .logs .type-2 {
    color: rgb(237, 99, 0);
}

@media screen and (min-width: 621px) {
    .g1e2v7fs {
        margin: 0px -0.625rem;
        padding: 0px 0.625rem;
    }
}

@media screen and (max-width: 621px) {
    .g1e2v7fs {
        margin-top: 0.25rem;
    }
}

.ehhfsck .input:first-of-type {
    margin-top: 0.5rem;
}

.ehhfsck .script-input .input-control {
    height: 23.75rem;
}

.ehhfsck .edit-btns {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 2.25rem;
}

.ehhfsck .edit-btns .edit-confirm {
    flex: 2 1 0%;
}

.ehhfsck .edit-btns .edit-cancel {
    flex: 1 1 0%;
}

.ehhfsck .edit-confirm {
    margin-right: 0.625rem;
}

.ehhfsck.bc .script-input .input-control {
    height: 30rem;
}

.sqshipa {
    --1omtx4t: rgba(204, 207, 217, .5);
    position: relative;
    margin-bottom: 1.25rem;
}

.darken .sqshipa {
    --1omtx4t: rgba(49, 52, 60, .5);
}

.sqshipa .radio-control {
    min-height: 2.75rem;
    line-height: 1.5rem;
    height: auto !important;
}

.sqshipa .actions {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 1rem;
}

.sqshipa .actions button:hover {
    background-position: right center;
}

.sqshipa .action-close {
    margin-left: 1.25rem;
}

.sqshipa .ui-radio {
    flex-wrap: wrap;
}

.sqshipa .radio-item {
    margin-right: 0.625rem;
    padding: 0.75rem 0px;
}

.sqshipa .radio-item:last-child {
    padding-top: 0px;
}

.sqshipa .line {
    margin: 1rem 0.75rem 0px;
    color: var(--primary-color);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.sqshipa .line::after {
    content: "";
    height: 1px;
    background-color: var(--13pd48x);
    flex: 1 1 0%;
    margin-left: 0.5em;
}

.sqshipa .currency {
    border-bottom: 1px solid var(--13pd48x);
    padding: 0.9375rem 0px;
    margin-bottom: 1em;
}

.sqshipa .currency .currency-name {
    margin-left: 1em;
    color: var(--primary-color);
}

.g1lvvuvz {
    --1m6saoo: rgba(152, 167, 181, .4);
    --o5zprk: #E9EAF1;
    display: flex;
    background: var(--o5zprk);
}

.darken .g1lvvuvz {
    --1m6saoo: #3C404A;
    --o5zprk: #2D3035;
}

.g1lvvuvz .game-control-switch {
    display: flex;
    flex: 0 0 auto;
}

.g1lvvuvz .game-control-switch>button {
    flex: 1 1 0%;
    cursor: pointer;
}

.g1lvvuvz .game-control-switch>button.is-active {
    color: var(--title-color);
    font-weight: 700;
}

.g1lvvuvz .game-control-panel {
    flex: 1 1 0%;
    padding: 0px 0.75rem;
}

.g1lvvuvz .input-control .button-group {
    margin-right: -0.375rem;
}

.g1lvvuvz .game-control-switch {
    border-bottom: 1px solid var(--1m6saoo);
}

.g1lvvuvz .game-control-switch>button {
    height: 2.625rem;
    line-height: 2.625rem;
    text-align: center;
}

.g1lvvuvz .game-control-switch>button.is-active {
    border-bottom: 2px solid var(--primary-color);
    background: linear-gradient(rgba(59, 193, 23, 0) 20%, rgba(59, 193, 23, 0.2) 100%);
}

.g1lvvuvz.style0 {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 330px;
    display: flex;
    flex-direction: column;
}

.g1lvvuvz.style1 {
    order: 2;
    min-height: 230px;
    margin-top: 1px;
    flex-direction: column;
}

.g1lvvuvz.style1 .game-control-switch {
    width: 100%;
    position: relative;
    order: 2;
    margin-top: 0.75rem;
}

.g1lvvuvz.style1 .game-control-panel {
    order: 1;
    padding: 1rem;
}

.g1lvvuvz.style-mobile {
    flex-direction: column;
}

.g1lvvuvz.style-mobile .game-control-panel {
    padding: 0px 0.75rem;
}

.g1lvvuvz.style-mobile .game-control-switch {
    order: 2;
    margin-top: 0.75rem;
    position: relative;
    border-bottom: none;
}

.g1q1pcsk {
    --5amr56: #FFFFFF;
    --1uvkmwv: #5f6975;
    --35p5sb: #fff;
    margin-top: 1.125rem;
}

.darken .g1q1pcsk {
    --5amr56: #17191B;
    --1uvkmwv: #f5f6f7;
    --35p5sb: #1e2024;
}

.g1q1pcsk#game-crash .game-action-wrap::after {
    display: none;
}

.g1q1pcsk .input-control {
    border-color: transparent;
}

.g1q1pcsk .game-main {
    display: flex;
    flex: 1 1 0%;
    position: relative;
    flex-direction: column;
    border-radius: var(--border-radius);
}

.g1q1pcsk .select-trigger {
    font-weight: 700;
}

.g1q1pcsk .game-tabs {
    margin-top: 2.5rem;
}

.g1q1pcsk .game-tabs .tabs-navs {
    margin-bottom: 0.75rem;
    margin-left: 0.625rem;
    display: inline-flex;
}

.g1q1pcsk .game-tabs .tabs-view {
    background-color: var(--35p5sb);
    border-radius: var(--border-radius);
    padding: 1px 0px;
}

.g1q1pcsk.game-style0, .g1q1pcsk.game-style1, .g1q1pcsk.game-style-iframe {
    transition: all 0.3s ease 0s;
}

.g1q1pcsk.game-style0 .game-view, .g1q1pcsk.game-style1 .game-view, .g1q1pcsk.game-style-iframe .game-view {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    background-color: var(--5amr56);
}

.g1q1pcsk.game-style0 .game-main {
    padding-left: 330px;
}

.g1q1pcsk.game-style0 .game-control-panel {
    height: 1%;
}

.g1q1pcsk.game-style1 .game-main {
    min-height: 40rem;
}

.g1q1pcsk.game-style-iframe .game-thumb {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-color: var(--5amr56);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.g1q1pcsk.game-style-iframe .game-thumb .ui-button {
    position: absolute;
    width: 12.5rem;
    left: 50%;
    margin-left: -6.25rem;
    bottom: 1.75rem;
}

.g1q1pcsk.game-style-mobile .game-view {
    width: 100%;
    overflow: hidden;
    min-width: 100%;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    background-color: var(--5amr56);
}

@media screen and (max-width: 621px) {
    .g1q1pcsk {
        margin-top: 0px;
    }

    .g1q1pcsk .game-tabs-wrap {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 0px 0.625rem;
    }

    .g1q1pcsk.game-style-iframe {
        width: auto;
        margin: auto;
    }

    .g1q1pcsk .game-tabs {
        position: relative;
        padding-top: 3rem;
    }

    .g1q1pcsk .game-tabs .tabs-scroll {
        position: absolute;
        left: 50%;
        top: 0px;
        transform: translate(-50%);
        max-width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .g1q1pcsk .game-tabs .tabs-navs {
        margin: 0px;
    }

    .g1q1pcsk .game-tabs .tabs-navs .tabs-nav {
        scroll-snap-align: start;
    }
}

.g2l1izk {
    --tf0ala: #E9EAF1;
    --68lae9: rgba(233, 234, 241, .5);
}

.darken .g2l1izk {
    --tf0ala: #31343B;
    --68lae9: #40444E;
}

.g2l1izk .ui-input .input-control {
    height: 2.5rem;
    padding: 0px 0.75rem;
}

.g2l1izk .ui-input.times-input .input-control, .g2l1izk .ui-input.payout-input .input-control, .g2l1izk .ui-input.game-coininput .input-control {
    padding-left: 0.75rem;
    padding-right: 0.1875rem;
}

.g2l1izk .game-area-group-buttons {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.g2l1izk .game-area-group-buttons>button {
    width: 3.125rem;
    height: 2rem;
    border-radius: var(--border-radius);
    background-color: var(--tf0ala);
    margin-right: 0.25rem;
    color: var(--title-color);
}

.g2l1izk .game-area-group-buttons>button:last-of-type {
    margin-right: 0px;
}

.g2l1izk .game-area-group-buttons>button:hover {
    background-color: var(--68lae9);
}

@media screen and (max-width: 621px) {
    .g2l1izk .ui-input .input-control {
        height: 3.25rem;
    }

    .g2l1izk .ui-input .input-control input {
        font-size: 1rem;
    }

    .g2l1izk .ui-button.bet-button {
        height: 3.5rem;
        font-size: 1rem;
    }

    .g2l1izk .game-area-group-buttons>button {
        width: 3.75rem;
        height: 2.75rem;
    }
}

.wmlw1il {
    position: absolute;
    left: 50%;
    bottom: 0px;
    overflow: hidden;
    width: 12.75rem;
    height: 4.625rem;
    margin-left: -6.375rem;
    transform: scale(0.8);
}

.wmlw1il .title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 12.75rem;
    height: 2.5rem;
}

.wmlw1il .light {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 12.8125rem;
    height: 12.8125rem;
    animation: 6s linear 0s infinite normal none running rotate-wmlw1il;
}

.g68863u {
    --1w9a5td: #ced1d9;
    --1qdxtqi: #f5f6fb;
    --1rtdyxb: #5f6975;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    width: 16.875rem;
    height: 7.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3.75rem 0px 0px -8.4375rem;
    border-radius: var(--border-radius);
    border: solid .3125rem var(--1w9a5td);
    background-color: var(--1qdxtqi);
}

.darken .g68863u {
    --1w9a5td: #31343c;
    --1qdxtqi: #23262b;
    --1rtdyxb: #fff;
}

.g68863u .amount {
    color: var(--primary-color);
    font-size: 1.875rem;
    font-weight: 700;
    width: 90%;
}

.g68863u .coin-icon {
    font-size: 1.25rem;
}

.g68863u .odds {
    font-size: 1.625rem;
    color: var(--1rtdyxb);
    font-weight: 700;
    line-height: 1;
}

.g4r1khk {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    left: 0px;
    top: 0px;
    background-color: var(--1st704f);
}

.g4r1khk .wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16.875rem;
    height: 21.875rem;
    margin-left: -8.4375rem;
    margin-top: -12.8125rem;
    z-index: 99;
}

.g4r1khk .wrap .bigwin-box img {
    width: 100%;
    height: auto;
    position: absolute;
    animation: 0.5s linear 0s infinite normal none running rotate-g4r1khk;
}

.g4r1khk .wrap .win-wrap {
    position: static;
    transform: scale(0.7);
    transform-origin: 50% 0px;
    margin: -1.25rem auto 0px;
}

.c1iple9d {
    width: 8.125rem;
    height: 11.25rem;
}

.cjoqw9g {
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
}

.cjoqw9g .coin-icon {
    width: 1.4em;
    height: 1.4em;
    margin-left: 0.2em;
}

.cjoqw9g .amount-str {
    max-width: 10em;
    text-align: right;
}

.cjoqw9g .suffix {
    opacity: 0.5;
}

.cjoqw9g.has-sign {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.b1xiqa56 {
    --whdmoy: #31373d;
    --1uvkmwv: #5f6975;
    margin: 0px -0.5rem;
    min-height: 30rem;
}

.darken .b1xiqa56 {
    --whdmoy: #f5f6f7;
    --1uvkmwv: #f5f6f7;
}

.b1xiqa56 .empty {
    min-height: 30rem;
}

.b1xiqa56 a {
    color: inherit;
}

.b1xiqa56 tr {
    cursor: pointer;
}

.b1xiqa56 .coin {
    font-weight: 700;
}

.b1xiqa56 .coin .amount {
    color: var(--whdmoy);
}

.b1xiqa56 .coin .name {
    color: var(--1uvkmwv);
}

.b1xiqa56 .is-win .amount {
    color: var(--primary-color);
}

.b1xiqa56 .is-lose .amount {
    color: rgb(237, 99, 0);
}

.b1xiqa56 .time {
    width: 14%;
    min-width: 5rem;
}

.b1xiqa56 .payout {
    width: 14%;
    min-width: 4.375rem;
}

@media screen and (max-width: 621px) {
    .b1xiqa56 {
        margin: 0px -0.3125rem;
    }

    .b1xiqa56 tr:hover td:first-child {
        border-radius: var(--border-radius) 0 0 var(--border-radius);
    }

    .b1xiqa56 tr:hover td:last-child {
        border-radius: 0 var(--border-radius) var(--border-radius) 0;
    }
}

.sbv3jh5 {
    --tabhdr: #F6F7FA;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: var(--sub-text-color);
    cursor: pointer;
    margin-top: 0.625rem;
}

.darken .sbv3jh5 {
    --tabhdr: #24262b;
}

.sbv3jh5 button {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 400;
    padding: 0.5rem 0.9375rem;
    background-color: var(--tabhdr);
    border-radius: var(--border-radius);
}

.sbv3jh5 .icon {
    width: 1rem;
    height: 1rem;
    margin-left: 0.625rem;
    transform: rotate(90deg);
    transition: all 0.2s ease 0s;
}

@media screen and (max-width: 621px) {
    .sbv3jh5 {
        margin-top: 0px;
    }
}

.blpg7v2 {
    text-align: right;
    width: 14rem;
    flex: 0 0 auto;
}

.s1954252 {
    overflow-x: auto;
    padding-bottom: 10px;
}

.s1954252::-webkit-scrollbar {
    height: 8px;
}

.s1954252 table {
    margin-right: 2rem;
}

.s1954252 .byte-table {
    border-collapse: collapse;
}

.s1954252 .byte-table td {
    width: 1.25rem;
    padding: 0px 0.25rem;
    border: 1px solid rgb(143, 124, 0);
}

.v15t5eur {
    --4d3tst: #000;
}

.darken .v15t5eur {
    --4d3tst: #88a5b8;
}

.v15t5eur h2 {
    margin-top: 2rem;
    color: var(--4d3tst);
}

.v15t5eur h2:first-of-type {
    margin-top: 0px;
}

.gt0clqb {
    --tt26x0: rgba(95, 105, 117, .8);
    --1waic39: rgba(95, 105, 117, .8);
    --whdmoy: #31373d;
    --vv18os: #f5f6fa;
    --2vljes: #e9eaf2;
    line-height: normal;
    user-select: text;
    color: var(--tt26x0);
    padding-bottom: 1.5rem !important;
}

.darken .gt0clqb {
    --tt26x0: rgba(153, 164, 176, .8);
    --1waic39: #99a4b0;
    --whdmoy: #f5f6f7;
    --vv18os: rgba(45, 48, 53, .5);
    --2vljes: #2d3035;
}

.gt0clqb .item {
    margin-bottom: 2.75rem;
}

.gt0clqb .item .code-area {
    padding: 1.25rem;
    border-radius: var(--border-radius);
    color: var(--whdmoy);
    background-color: var(--vv18os);
    border: 1px solid var(--2vljes);
}

.gt0clqb .item .code-area pre {
    margin: 0px;
    padding: 0px;
    overflow-x: auto;
}

.gt0clqb .item a {
    padding-left: 0.125rem;
}

.gt0clqb .item h2 {
    font-size: 0.875rem;
    margin: 0px 0px 0.5rem;
    font-weight: 600;
    color: var(--1waic39);
}

.gt0clqb .item h2:first-of-type {
    margin-top: 0.5rem;
}

.gt0clqb .item .help-content {
    margin-bottom: 2.75rem;
}

.gt0clqb .item .help-content p {
    margin: 0.75rem 0px;
    word-break: break-word;
}

.gt0clqb .item .space-a {
    margin-left: 15px;
}

.gt0clqb .item .space-b, .gt0clqb .item .space-c {
    margin-left: 30px;
}

.gt0clqb .item ol, .gt0clqb .item ul {
    padding-left: 1.2em;
    margin: 0px;
}

.gt0clqb .item ol li, .gt0clqb .item ul li, .gt0clqb .item ol.special li {
    margin: 0px 0px 1rem;
}

.gt0clqb .item .cl-primary {
    color: var(--primary-color);
}

.gt0clqb .item .cl-primary.pointer {
    cursor: pointer;
}

.gt0clqb .item .text-decoration {
    text-decoration: underline;
    cursor: pointer;
    padding-left: 0.2rem;
}

@charset "utf-8";

.t15wwhm2 {
    --whdmoy: #31373d;
}

.darken .t15wwhm2 {
    --whdmoy: #f5f6f7;
}

.t15wwhm2 .toggle-nav {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    color: var(--whdmoy);
}

.t15wwhm2 .toggle-nav .open-icon {
    font-size: 0.75rem;
    transition: transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1) 0s;
}

.t15wwhm2 .toggle-nav .open-icon.open {
    transform: rotate(90deg);
}

.t15wwhm2 .content {
    margin: 1em 0px;
}

.ac2kcq0 {
    --pu5f55: #F5F6F9;
}

.darken .ac2kcq0 {
    --pu5f55: #000000;
}

.ac2kcq0 .top-section {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgb(60, 64, 74);
}

.ac2kcq0 .tips-bar {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(58, 201, 72, 0.1);
    padding: 12px 20px;
}

.ac2kcq0 .tips-bar svg {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 5px;
}

.ac2kcq0 .tips-bar .tip {
    margin-right: 5px;
}

.ac2kcq0 .tips-bar .count-dowm-time {
    display: inline;
    color: var(--title-color);
    font-weight: bold;
}

.ac2kcq0 .select-bar {
    display: flex;
}

.ac2kcq0 .select-bar .ui-select {
    color: var(--title-color);
    margin-left: 2.5rem;
    width: 8.125rem;
    height: 2.25rem;
}

.ac2kcq0 .select-bar .ui-select .select-trigger {
    background-color: var(--pu5f55);
}

.ac2kcq0 .button-bar .ui-checkbox {
    margin-right: 0.5rem;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 0.125rem;
    border: 1px solid var(--primary-color);
}

.ac2kcq0 .button-bar .ui-checkbox:hover {
    box-shadow: rgba(59, 193, 23, 0.75) 0px 0px 2px 1px;
}

.ac2kcq0 .button-bar .ui-checkbox .dot {
    width: 90%;
    height: 100%;
}

.ac2kcq0 .button-bar .link {
    color: var(--primary-color);
    margin-right: 0.3125rem;
    text-decoration: none;
}

.ac2kcq0 .button-bar .ui-button {
    margin-top: 1.875rem;
    width: fit-content;
    min-width: 12.5rem;
    height: 2.75rem;
    padding: 0px 1.25rem;
}

@media screen and (max-width: 621px) {
    .ac2kcq0 .tips-bar {
        align-items: flex-start;
    }

    .ac2kcq0 .tips-bar svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .ac2kcq0 .select-bar {
        flex-direction: column;
    }

    .ac2kcq0 .select-bar .ui-select {
        margin-left: 0px;
        height: 3rem;
        width: 100%;
    }

    .ac2kcq0 .button-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        padding-bottom: 3.125rem;
    }

    .ac2kcq0 .button-bar .ui-button {
        width: 100%;
    }
}

.l1ntph57 .ui-dialog {
    width: 600px;
}

.s1pes2ru {
    text-align: center;
    margin: 2.5rem 0px;
}

.s1pes2ru svg {
    width: 6em;
    height: 6em;
}

.s1pes2ru svg:hover {
    fill: var(--primary-color);
}

.mkyur8w .toggle-item .toggle-nav {
    min-height: 3rem;
    border-top: 1px solid rgba(95, 105, 117, 0.15);
    padding: 0.875rem 0px;
}

.mkyur8w .toggle-item .toggle-nav h2 {
    margin: 0px;
    line-height: 1.25rem;
    max-width: 95%;
}

.mkyur8w>.toggle-item:first-child .toggle-nav {
    border: none;
}

.mkyur8w p {
    line-height: 1.25rem;
}

.snxvmcx .ui-table {
    --bu38qb: #31373d;
    --ah811b: #f5f6fa;
}

.darken .snxvmcx .ui-table {
    --bu38qb: #dfe2e6;
    --ah811b: rgba(36, 38, 43, 0.6);
}

.snxvmcx .ui-table thead tr th, .snxvmcx .ui-table tbody tr td {
    width: 50%;
    text-align: center;
}

.snxvmcx .ui-table thead tr th span, .snxvmcx .ui-table tbody tr td span {
    width: 7.5rem;
    text-align: left;
    display: block;
    margin: 0px auto;
    white-space: nowrap;
}

.snxvmcx .ui-table tbody tr td span {
    color: var(--bu38qb);
}

.snxvmcx .ui-table tbody tr:nth-child(2n-1) td {
    background: var(--ah811b) !important;
}

.s143gsbw .hashbet {
    width: 0.75rem;
    height: 0.75rem;
    fill: var(--text-color);
    margin-bottom: -0.125rem;
    margin-left: 0.125rem;
}

.s143gsbw .hashbet.cl-primary {
    fill: var(--primary-color);
}