@import"https://s1.hdslb.com/bfs/static/jinkela/long/font/medium.css";
@import"https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css";

.sliderBlock {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab
}

.sliderBlock:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.sliderContainer {
    position: relative;
    text-align: center;
    width: 310px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background: #f7f9fa;
    color: #45494c;
    border: 1px solid #e4e7eb
}

.sliderContainer_active .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #1991fa
}

.sliderContainer_active .sliderMask {
    height: 38px;
    border-width: 1px
}

.sliderContainer_success .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #52ccba;
    background-color: #52ccba !important
}

.sliderContainer_success .sliderMask {
    height: 38px;
    border: 1px solid #52ccba;
    background-color: #d2f4ef
}

.sliderContainer_success .sliderIcon {
    background-position: 0 -26px !important
}

.sliderContainer_fail .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #f57a7a;
    background-color: #f57a7a !important
}

.sliderContainer_fail .sliderMask {
    height: 38px;
    border: 1px solid #f57a7a;
    background-color: #fce1e1
}

.sliderContainer_fail .sliderIcon {
    top: 14px;
    background-position: 0 -82px !important
}

.sliderContainer_active .sliderText,
.sliderContainer_success .sliderText,
.sliderContainer_fail .sliderText {
    display: none
}

.sliderMask {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    border: 0 solid #1991fa;
    background: #d1e9fe
}

.jslider {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 3px #0000004d;
    transition: background .2s linear;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab
}

.jslider:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.jslider:hover {
    background: #1991fa
}

.sliderIcon {
    position: absolute;
    top: 15px;
    left: 13px;
    width: 14px;
    height: 12px;
    background: url(https://cstaticdun.126.net//2.13.6/images/icon_light.4353d81.png) 0 -13px;
    background-size: 32px 544px
}

.slider:hover .sliderIcon {
    background-position: 0 0
}

.refreshIcon {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(https://cstaticdun.126.net//2.13.6/images/icon_light.4353d81.png) 0 -233px;
    background-size: 32px 544px
}

.refreshIcon:hover {
    background-position: 0 -266px
}

.loadingContainer {
    position: absolute;
    left: 0;
    top: 0;
    width: 310px;
    height: 155px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #45494c;
    z-index: 2;
    background: #edf0f2
}

.loadingIcon {
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    background: url(https://cstaticdun.126.net//2.13.6/images/icon_light.4353d81.png) 0 -332px;
    background-size: 32px 544px;
    -webkit-animation: loading-icon-rotate .8s linear infinite;
    animation: loading-icon-rotate .8s linear infinite
}

@-webkit-keyframes loading-icon-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes loading-icon-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --primary-color: #5A89FB;
    --primary-hover-color: #5A89FB;
    --primary-light-colorx: #fffcbe;
    --primary-light-color: rgba(255, 250, 113, .5);
    --secondaryColor: #13d391;
    --primary-linear-gradient: linear-gradient(180deg, #d1b983, #c5a147);
    --title-linear-gradient: linear-gradient(94deg, #2896f6, #0178df);
    --color-1: #e6ebf1;
    --blue: #1F9683
}

html,
body {
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none
}

svg {
    height: 1.5rem;
    width: 1.5rem
}

a:hover {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity))
}

.link {
    color: var(--blue);
    cursor: pointer
}

button,
.medium_font {
    font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei, sans-serif !important
}

.svg-icon {
    height: 1.25rem;
    width: 1.25rem
}

.thin-scroll::-webkit-scrollbar {
    height: 6px;
    width: 4px;
    -webkit-appearance: none
}

.thin-scroll::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 10px
}

.thin-scroll::-webkit-scrollbar-track {
    display: none
}

@-webkit-keyframes show-dialog {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show-dialog {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes show-dialog-content {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes show-dialog-content {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes show-menu {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes show-menu {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

.button {
    border-radius: .5rem;
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.button:hover,
.button:active {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity))
}

.button:focus {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))
}

.button.primary {
    background: linear-gradient(180deg, #3bd3ad, #1F9683);
    border-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.adminroot .button.primary {
    background: linear-gradient(180deg, #3bd3ad, #1F9683)
}

.button.secondary {
    background: linear-gradient(180deg, #3bd3ad, #2cc19b);
    border-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.button.danger {
    background: linear-gradient(180deg, #ff6161, #f9483f);
    border-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.button:disabled,
.button[disabled] {
    background: #ddd !important
}

.button.primary:hover,
.button.primary:active {
    background: linear-gradient(180deg, #61b0ff, #3f74f9)
}

.button.primary:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity))
}

.button.small {
    border-radius: .375rem;
    padding: .25rem .75rem
}

.act-button {
    border-radius: .375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding: .25rem .5rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.act-button:hover,
.act-button:active {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity))
}

.act-button:focus {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))
}

.act-button.primary {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(217 119 6 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.act-button.primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(180 83 9 / var(--tw-bg-opacity))
}

.act-button.primary:active {
    --tw-bg-opacity: 1;
    background-color: rgb(217 119 6 / var(--tw-bg-opacity))
}

.act-button.primary:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity))
}

.form-field {
    position: relative;
    margin-bottom: 1rem
}

.form-field label {
    font-size: .875rem;
    line-height: 1.25rem
}

.form-field small {
    position: absolute;
    top: 0px;
    right: .75rem;
    border-top-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background: #f98080;
    padding: 2px 8px
}

.form-input,
.flatpickr-input {
    margin-top: .25rem;
    display: block;
    width: 100%;
    border-radius: .25rem;
    border-width: 1px;
    padding: .5rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.form-input:focus,
.flatpickr-input {
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity))
}

.flatpickr-input {
    width: 220px
}

.adminroot .form-input,
.adminroot .flatpickr-input {
    margin-top: .25rem;
    display: block;
    width: 100%;
    border-radius: .25rem;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: .5rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.adminroot .form-input:focus,
.adminroot .flatpickr-input {
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity))
}

.adminroot .flatpickr-input {
    width: 100%
}

.form-select {
    background-color: #fff;
    border-color: #e2e8f0;
    border-width: 1px;
    border-radius: .25rem;
    padding: .5rem 1rem .5rem .75rem;
    margin-top: .25rem;
    display: block;
    width: 100%;
    font-size: .875rem;
    line-height: 1.25rem
}

.form-select:focus {
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity))
}

.adminroot .form-select {
    background-color: #fff;
    border-color: #e2e8f0;
    border-width: 1px;
    border-radius: .25rem;
    padding: .5rem 1rem .5rem .75rem;
    margin-top: .25rem;
    display: block;
    width: 100%;
    font-size: .875rem;
    line-height: 1.25rem
}

.table1 {
    box-shadow: #0000000d 0 0 0 1px;
    color: #111;
    position: relative;
    width: 100%;
    border-radius: .5rem
}

.table1 a {
    -webkit-text-decoration-color: rgb(167, 139, 250);
    text-decoration-color: #a78bfa;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.table1 a:hover {
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity))
}

.table1>* {
    border-radius: .5rem
}

.table1 .wrap {
    overflow: auto
}

.table1 .loading {
    background-color: #0000001a;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 3rem;
    text-align: center
}

.table1 table {
    width: 100%;
    white-space: nowrap
}

.table1 thead tr {
    border-bottom-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.table1 thead th {
    padding: .5rem;
    font-size: .75rem;
    line-height: 1rem
}

.table1 tbody>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.table1 tbody {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.table1 tbody td {
    padding: .5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.table2 {
    box-shadow: #0000000d 0 0 0 1px;
    color: #111;
    position: relative;
    width: 100%
}

.table2 a {
    -webkit-text-decoration-color: rgb(167, 139, 250);
    text-decoration-color: #a78bfa;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.table2 a:hover {
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity))
}

.table2 .wrap {
    overflow: auto;
    background: #eee
}

.table2 .loading {
    background-color: #0000001a;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 3rem;
    text-align: center
}

.table2 table {
    width: 100%;
    white-space: nowrap
}

.table2 thead tr {
    background-color: #1f9683;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.table2 thead th {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    padding: 3vw 1vw
}

.adminroot .table2 thead th {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    padding: 12px 3px
}

.table2 tbody>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.table2 tbody {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.table2 tbody tr:nth-of-type(2n + 1) td {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.table2 tbody td {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 2vw 1vw
}

.adminroot .table2 thead th {
    padding: .75rem .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400
}

.adminroot .table2 tbody td {
    padding: .75rem .5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.adminroot .table2 thead tr {
    background-color: #1f9683;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.modal {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 30;
    display: flex;
    align-items: flex-end;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: .5;
    -webkit-animation: show-dialog .6s;
    animation: show-dialog .6s
}

.modal .content {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem 1.5rem;
    -webkit-animation: show-dialog-content .3s;
    animation: show-dialog-content .3s;
    max-height: 100vh
}

@media (min-width: 640px) {
    .modal {
        align-items: center
    }

    .modal {
        justify-content: center
    }

    .modal .content {
        margin: 1rem
    }

    .modal .content {
        width: auto
    }

    .modal .content {
        border-radius: .5rem
    }

    .modal .content {
        min-width: 36rem;
        margin-top: -0vh
    }
}

.modal header {
    text-align: right
}

.modal header svg {
    fill: currentColor;
    width: 26px;
    height: 26px;
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.modal header svg:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.modal footer {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

.modal footer>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.modal footer {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding: .75rem 1.5rem
}

.modal footer .button {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .modal footer {
        flex-direction: row
    }

    .modal footer>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .modal footer>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .modal footer .button {
        width: auto
    }
}

.act {
    margin-right: .5rem;
    display: flex;
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.act:hover {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity))
}

.act svg {
    margin-right: .25rem;
    height: 1.25rem;
    width: 1.25rem;
    fill: #6b7280
}

.act:hover svg {
    fill: #d97706
}

.extend-m {
    display: flex;
    align-items: flex-start
}

.extend-m .m {
    flex: 1 1 0%
}

@media (max-width: 640px) {

    .extend-m,
    .extend-m>* {
        display: block
    }

    .extend-m,
    .extend-m>* {
        margin-bottom: 1rem
    }
}

.card-list-item {
    margin-bottom: .5rem;
    display: flex;
    flex-wrap: wrap;
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding: .5rem
}

.card-list-item>div {
    display: inline-block;
    width: 50%;
    line-height: 1.75rem
}

.card-list-item>div>em {
    display: inline-block;
    width: 4rem;
    font-size: .75rem;
    line-height: 1rem;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.card-list-item>div>span {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.card-list-item>div>span.link {
    color: var(--blue);
    cursor: pointer
}

.obtn {
    width: 20%;
    border: #ccc 1px solid;
    height: 26px;
    line-height: 26px;
    margin: 0 3px;
    text-align: center;
    border-radius: 5px;
    color: #333;
    font-size: 14px
}

.obtn.on {
    background: linear-gradient(180deg, #61b0ff, #3f74f9);
    color: #fff
}

.quickdays {
    margin-top: .5rem;
    display: flex;
    overflow: hidden;
    border-radius: .125rem;
    border-width: 1px;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    border-color: #1f9683
}

.quickdays li {
    flex: 1 1 0%;
    text-align: center;
    line-height: 1.5rem;
    border-right: 1px #1F9683 solid;
    margin-bottom: -1px
}

.quickdays li:last-child {
    border-right: none
}

.quickdays li.on {
    background-color: #1f9683;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.adminroot .quickdays {
    margin-top: .5rem;
    display: flex;
    overflow: hidden;
    border-radius: .125rem;
    border-width: 1px;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    border-color: #1f9683
}

.adminroot .quickdays li {
    flex: 1 1 0%;
    text-align: center;
    line-height: 1.5rem;
    border-right: 1px #1F9683 solid;
    margin-bottom: -1px
}

.adminroot .quickdays li:last-child {
    border-right: none
}

.adminroot .quickdays li.on {
    background: #1F9683;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.flatpickr-input {
    width: 100%
}

.fixhd {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden
}

.fixhd .bd {
    flex: 1;
    overflow: auto
}

.disabled-bet-panel .bet-button,
.disabled-bet-panel .left-button {
    position: relative
}

.disabled-bet-panel .bet-button:after,
.disabled-bet-panel .left-button:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(222, 222, 222, .2)
}

*,
:before,
:after {
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,
:before,
:after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}

.visible {
    visibility: visible
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px
}

.right-0 {
    right: 0px
}

.top-0 {
    top: 0px
}

.right-2 {
    right: .5rem
}

.top-full {
    top: 100%
}

.left-0 {
    left: 0px
}

.bottom-0 {
    bottom: 0px
}

.top-10 {
    top: 2.5rem
}

.left-1 {
    left: .25rem
}

.right-1 {
    right: .25rem
}

.top-1 {
    top: .25rem
}

.left-2 {
    left: .5rem
}

.top-14 {
    top: 3.5rem
}

.left-3 {
    left: .75rem
}

.right-4 {
    right: 1rem
}

.bottom-2 {
    bottom: .5rem
}

.top-2 {
    top: .5rem
}

.left-1\/2 {
    left: 50%
}

.top-4 {
    top: 1rem
}

.left-4 {
    left: 1rem
}

.top-11 {
    top: 2.75rem
}

.z-30 {
    z-index: 30
}

.z-20 {
    z-index: 20
}

.z-10 {
    z-index: 10
}

.col-span-3 {
    grid-column: span 3 / span 3
}

.col-span-2 {
    grid-column: span 2 / span 2
}

.col-span-4 {
    grid-column: span 4 / span 4
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.clear-both {
    clear: both
}

.m-4 {
    margin: 1rem
}

.m-2 {
    margin: .5rem
}

.m-8 {
    margin: 2rem
}

.m-11 {
    margin: 2.75rem
}

.m-80 {
    margin: 20rem
}

.m-56 {
    margin: 14rem
}

.m-64 {
    margin: 16rem
}

.m-6 {
    margin: 1.5rem
}

.m-12 {
    margin: 3rem
}

.m-1 {
    margin: .25rem
}

.m-0 {
    margin: 0
}

.m-5 {
    margin: 1.25rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-2 {
    margin-right: .5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mr-1 {
    margin-right: .25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-2 {
    margin-top: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-6 {
    margin-right: 1.5rem
}

.ml-1 {
    margin-left: .25rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-3 {
    margin-bottom: .75rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-8 {
    margin-left: 2rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-mt-3 {
    margin-top: -.75rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.ml-0 {
    margin-left: 0
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mr-8 {
    margin-right: 2rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mt-1 {
    margin-top: .25rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mb-0 {
    margin-bottom: 0
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-5 {
    height: 1.25rem
}

.h-8 {
    height: 2rem
}

.h-10 {
    height: 2.5rem
}

.h-full {
    height: 100%
}

.h-6 {
    height: 1.5rem
}

.h-2 {
    height: .5rem
}

.h-64 {
    height: 16rem
}

.h-9 {
    height: 2.25rem
}

.h-36 {
    height: 9rem
}

.h-3 {
    height: .75rem
}

.h-14 {
    height: 3.5rem
}

.h-12 {
    height: 3rem
}

.h-1\/2 {
    height: 50%
}

.h-7 {
    height: 1.75rem
}

.h-11 {
    height: 2.75rem
}

.w-1\/2 {
    width: 50%
}

.w-24 {
    width: 6rem
}

.w-32 {
    width: 8rem
}

.w-96 {
    width: 24rem
}

.w-64 {
    width: 16rem
}

.w-36 {
    width: 9rem
}

.w-5 {
    width: 1.25rem
}

.w-20 {
    width: 5rem
}

.w-auto {
    width: auto
}

.w-28 {
    width: 7rem
}

.w-44 {
    width: 11rem
}

.w-full {
    width: 100%
}

.w-52 {
    width: 13rem
}

.w-1 {
    width: .25rem
}

.w-6 {
    width: 1.5rem
}

.w-3 {
    width: .75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-10 {
    width: 2.5rem
}

.w-14 {
    width: 3.5rem
}

.w-2 {
    width: .5rem
}

.w-screen {
    width: 100vw
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-7 {
    width: 1.75rem
}

.w-4 {
    width: 1rem
}

.w-1\/3 {
    width: 33.333333%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.border-collapse {
    border-collapse: collapse
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.cursor-auto {
    cursor: auto
}

.resize {
    resize: both
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-bl-md {
    border-bottom-left-radius: .375rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t-0 {
    border-top-width: 0px
}

.border-l-0 {
    border-left-width: 0px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-t-4 {
    border-top-width: 4px
}

.border-r-0 {
    border-right-width: 0px
}

.border-t-2 {
    border-top-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity))
}

.border-sky-200 {
    --tw-border-opacity: 1;
    border-color: rgb(186 230 253 / var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity))
}

.border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250 / var(--tw-border-opacity))
}

.border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgb(192 132 252 / var(--tw-border-opacity))
}

.border-b-gray-400 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-violet-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(109 40 217 / var(--tw-bg-opacity))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity))
}

.bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 165 165 / var(--tw-bg-opacity))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.bg-sky-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(186 230 253 / var(--tw-bg-opacity))
}

.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity))
}

.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(187 247 208 / var(--tw-bg-opacity))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity))
}

.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253 / var(--tw-bg-opacity))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity))
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity))
}

.bg-orange-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 146 60 / var(--tw-bg-opacity))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity))
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity))
}

.bg-opacity-50 {
    --tw-bg-opacity: .5
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: center
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-red-400 {
    fill: #f87171
}

.fill-current {
    fill: currentColor
}

.fill-gray-300 {
    fill: #d1d5db
}

.fill-gray-200 {
    fill: #e5e7eb
}

.fill-white {
    fill: #fff
}

.fill-gray-500 {
    fill: #6b7280
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-8 {
    padding: 2rem
}

.p-4 {
    padding: 1rem
}

.p-2 {
    padding: .5rem
}

.p-1 {
    padding: .25rem
}

.p-5 {
    padding: 1.25rem
}

.p-3 {
    padding: .75rem
}

.p-24 {
    padding: 6rem
}

.p-6 {
    padding: 1.5rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.pt-2 {
    padding-top: .5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pl-1 {
    padding-left: .25rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pr-1 {
    padding-right: .25rem
}

.pt-1 {
    padding-top: .25rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pt-4 {
    padding-top: 1rem
}

.pl-2 {
    padding-left: .5rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pt-3 {
    padding-top: .75rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pr-2 {
    padding-right: .5rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pt-11 {
    padding-top: 2.75rem
}

.pl-16 {
    padding-left: 4rem
}

.pl-20 {
    padding-left: 5rem
}

.pt-20 {
    padding-top: 5rem
}

.pr-14 {
    padding-right: 3.5rem
}

.pr-3 {
    padding-right: .75rem
}

.pt-16 {
    padding-top: 4rem
}

.pb-16 {
    padding-bottom: 4rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.font-bold {
    font-weight: 700
}

.font-semibold {
    font-weight: 600
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.uppercase {
    text-transform: uppercase
}

.not-italic {
    font-style: normal
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-8 {
    line-height: 2rem
}

.leading-none {
    line-height: 1
}

.leading-10 {
    line-height: 2.5rem
}

.leading-9 {
    line-height: 2.25rem
}

.tracking-wide {
    letter-spacing: .025em
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.text-sky-600 {
    --tw-text-opacity: 1;
    color: rgb(2 132 199 / var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

.text-rose-600 {
    --tw-text-opacity: 1;
    color: rgb(225 29 72 / var(--tw-text-opacity))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity))
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity))
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94 / var(--tw-text-opacity))
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.opacity-0 {
    opacity: 0
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-gray-700 {
    --tw-shadow-color: #374151;
    --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.duration-150 {
    transition-duration: .15s
}

.hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity))
}

.hover\:text-sky-500:hover {
    --tw-text-opacity: 1;
    color: rgb(14 165 233 / var(--tw-text-opacity))
}

.hover\:ring:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.hover\:ring-purple-300:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (min-width: 640px) {
    .sm\:mt-auto {
        margin-top: auto
    }

    .sm\:justify-end {
        justify-content: flex-end
    }
}

svg.svelte-113d1oe {
    display: inline-block
}

arrow-menu.svelte-1m5s27n.svelte-1m5s27n {
    position: relative;
    display: block;
    cursor: pointer;
    min-width: 96px;
    transform: translate(-50%);
    top: 0;
    left: 50%;
    min-height: 200px;
    padding-top: 12px
}

arrow-menu.svelte-1m5s27n bd.svelte-1m5s27n {
    position: relative;
    display: block;
    cursor: auto;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: .75rem;
    padding-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    max-height: 70vh;
    overflow: auto
}

arrow-menu.svelte-1m5s27n item.svelte-1m5s27n {
    color: #606266;
    word-break: keep-all;
    display: block;
    cursor: pointer;
    text-overflow: ellipsis;
    padding: .5rem 1.25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

arrow-menu.svelte-1m5s27n item.svelte-1m5s27n:hover {
    color: var(--primary-color);
    background-color: #ecf5ff
}

arrow.svelte-1m5s27n.svelte-1m5s27n {
    top: 1px;
    width: 32px;
    height: 12px;
    overflow: hidden;
    left: 50%;
    transform: translate(-16px);
    position: absolute;
    z-index: 20
}

arrow.svelte-1m5s27n.svelte-1m5s27n:after {
    margin-left: auto;
    margin-right: auto;
    display: block;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    content: "";
    width: 12px;
    height: 12px;
    margin-top: 6px;
    background-color: #fff;
    transform: rotate(45deg)
}

divider.svelte-1m5s27n.svelte-1m5s27n {
    height: 1px;
    background-color: #ebeef5;
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block;
    width: 100%
}

popover.svelte-usnqzp {
    position: relative
}

place.svelte-usnqzp {
    cursor: pointer
}

box.svelte-usnqzp {
    position: absolute;
    left: 0px;
    display: block;
    cursor: pointer;
    z-index: 200;
    transform: translate(-50%);
    top: 0;
    left: 50%;
    min-height: 200px;
    padding-top: 40px
}

homehead.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu {
    display: block
}

homehead.svelte-q1w2nu svg {
    fill: currentColor;
    height: 1rem;
    width: 1rem
}

top.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu {
    display: block;
    background-color: #f3f7fa;
    border-bottom: 1px solid #ccd7e6
}

top.svelte-q1w2nu .wrap.svelte-q1w2nu.svelte-q1w2nu {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 1.25rem;
    height: 50px;
    line-height: 50px;
    width: 1300px;
    color: #3e5175
}

top.svelte-q1w2nu left.svelte-q1w2nu.svelte-q1w2nu {
    margin-left: 1rem;
    display: flex;
    align-items: center
}

parts.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu {
    display: flex
}

part.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu {
    margin-right: 2rem;
    display: flex;
    align-items: center
}

part.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu:last-child {
    margin-right: 1rem
}

top.svelte-q1w2nu svg {
    width: 20px !important;
    height: 20px !important;
    margin-left: .5rem;
    margin-right: .5rem
}

bottom.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu {
    display: block;
    width: 100%;
    background: linear-gradient(180deg, #fff, #e6ebf1);
    border-bottom: 3px solid #cfd5e0;
    color: #3e5175
}

menu.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu {
    max-width: 1300px;
    margin: 0 auto -3px;
    display: flex;
    align-items: center
}

menu.svelte-q1w2nu logo.svelte-q1w2nu.svelte-q1w2nu {
    flex: 1 1 0%
}

menu.svelte-q1w2nu ul.svelte-q1w2nu.svelte-q1w2nu {
    display: flex
}

menu.svelte-q1w2nu ul li.svelte-q1w2nu.svelte-q1w2nu {
    position: relative;
    display: inline-block;
    width: 7rem;
    cursor: pointer;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem
}

menu.svelte-q1w2nu ul li.svelte-q1w2nu>.svelte-q1w2nu {
    display: block;
    font-style: normal
}

menu.svelte-q1w2nu ul li em.svelte-q1w2nu.svelte-q1w2nu {
    font-size: 10px
}

menu.svelte-q1w2nu ul li.active.svelte-q1w2nu.svelte-q1w2nu,
menu.svelte-q1w2nu ul li.svelte-q1w2nu.svelte-q1w2nu:hover {
    color: var(--primary-color)
}

menu.svelte-q1w2nu ul li.active.svelte-q1w2nu.svelte-q1w2nu:after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    height: 3px;
    background: linear-gradient(94deg, #739bfb, #2865f9);
    width: 60%;
    left: 20%
}

right.svelte-q1w2nu button.svelte-q1w2nu.svelte-q1w2nu {
    margin-right: .5rem
}

right.svelte-q1w2nu button.svelte-q1w2nu.svelte-q1w2nu:last-child {
    margin-right: 0
}

button.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu {
    line-height: 1.2;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

button.primary.svelte-q1w2nu.svelte-q1w2nu.svelte-q1w2nu {
    background-color: #13d391
}

.footer-wrapper.svelte-1xrg13z.svelte-1xrg13z {
    width: 100%;
    background: #2c3542
}

.footer-pay.svelte-1xrg13z.svelte-1xrg13z {
    width: 100%;
    padding: 15px 0;
    background: #e7effa;
    text-align: center
}

.footer-wrapper.svelte-1xrg13z .footer-pay .footer-pay-logo.svelte-1xrg13z {
    width: 608px;
    height: 40px;
    margin: 0 auto
}

.footer-wrapper.svelte-1xrg13z .footer-pay .footer-pay-logo img.svelte-1xrg13z {
    width: 100%
}

.footer-wrapper.svelte-1xrg13z .footer-logo.svelte-1xrg13z {
    width: 1144px;
    margin: 30px auto 0
}

.footer-wrapper.svelte-1xrg13z .footer-logo img.svelte-1xrg13z {
    width: 100%;
    margin: 30px auto 0
}

.footer-wrapper.svelte-1xrg13z .footer-box.svelte-1xrg13z {
    text-align: center;
    margin: 30px 0
}

.footer-wrapper.svelte-1xrg13z .footer-box span.svelte-1xrg13z {
    cursor: pointer;
    font-size: 14px;
    color: #b1bccb;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400
}

.footer-wrapper.svelte-1xrg13z .footer-bottom.svelte-1xrg13z {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #212731;
    font-size: 14px;
    color: #b1bccb;
    letter-spacing: 0;
    font-weight: 400;
    text-align: center
}

.footer-wrapper.svelte-1xrg13z .footer-box .footer-box-title.svelte-1xrg13z {
    padding: 0 10px
}

.home.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    background-size: cover;
    height: 100vh;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background-image: url(/assets/gamecenter_bg_02.0f98251f.jpg)
}

.home.svelte-3wcca3 svg {
    height: 1.5rem;
    width: 1.5rem
}

.w-1200.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.games-box.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    width: 100%;
    margin-top: 20px
}

.games-title.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAAVCAYAAABWvxeBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAEsKADAAQAAAABAAAAFQAAAABjMtCWAAAJdUlEQVR4Ae2dT2gc1xnA38xqdyWtFNlyZCtOo8iyk4NNeqkPqSkUnRJKbwGdQsBQyC2n0FJwyQYKxdBTeyiFgsH0ZPAhpJT6UhEoSQ69NMFJSKI/sZ3W/yJbkVbS7uzu9H3jfWJYr6V5u7N/ZvSbxLuzb773/fm92W/2fXqz6/zzc/9His2agCc95CEb/G/df68OotbTD1p1sK1v6Sf9ImhrPDcOBU8iF/gTbrTcz7bQa6kiFeKdctyFYKNIBjC0ycstGf/GwK6LLqOvSTbULdZdc/4Zs7EqHxBlElsD8e57LU7XhKFsYYYyroZtrEbDRh6Z3fNRxE3sewoO2MF6TTn5rFc7Pb725RuvTJcGzD3cgQAEIJAoApev3S58tjH5YtnLZtyM8pPkvLmGWX8ssu6wBxW5puvD8nltNKTX7Aaf4/bo3s6h8PXb2GlHz6D3kdgM2574KsZk04YnxLj+J5/XZFzNoeC4PDzWsHvk8R3RFcMWk5oYPOmfijjmqsKxefiM3uD9qg9OjD6KUeSkLW72gf1Aefy6+zc6vbXsLH7hn+2tyWRbM5NSiaJx7u0+xxVZcGI3lFXDL1q967TckG4XubBoO76EY2unf1L7BHE32HbK0DAQnUEiNA0Wz2aYgyKW7ic+BW2NHXPcQqW9qLYl5tK4hc/zbsZYrer35tAjgtt6X8ZNtsCmPJiGoLXDB9tAtG3hYNutQy8f6x6cy9oJm4lT3VXO8JDaenFCLZ+fd3YeU0oDBCAAAQjsS+DSoj/85bqa26mqUbcevXglf0gIJnz7WuiugFw/zITTylLc116tz6iUa+pI47of/gxg5V9EYWNTxNv9vBnRVN/EghjDgXbBE1EffBbSD+a8Nm1SvDL77ZjuZC7QbE/8MM6kdbybY25+3WncwtDMmZt1G7amXeTMFto1TW0/y7km+syzUdRpbEbPQXl2rv3HLxyUYLsV5x2t+FiMylvpa9UWo8lAldg4kNttHfX0o8jvyH4MW3A+NHRaq9M+NI9389jEeb618q/ZXiuZtLQFsXYh4GOhQdpVLzuN9tDhjlHu6o+oSWzfse0UUbeN2NPDD4ZqQ4Xn1iq5EeWqeuS+deWO6iLW3JHVpfPzJyhiRQaHIAQgAAGlLi2uDC9/N3tySxevbHPvZK6ynamWbt7fOaz/NNPfTa6ztpeyrlx7n3Bt78p1VgcQZwz9HcH9rXc71ubzJ2xvd1g7/Dy/f5T7SxwzPoTmLPv3SpdEeGy6EdnueIeUt2oLHbbejVuftQMp6eCkJA7CgAAEIACBBBL48MObI3/779EXytVc3nYilRtWpWfOqKW3XnDKCQwdlyEAAQj0nMAfvvLz/7uuTlZ2VME25+aHKuWfH7/71blzz2333HEMQgACEIAABDQBFwoQgAAEIACBfhGQiVBlPLdUcz0vo28PjOyHXrElEzCZiBWvXM9F7ocgBCAAgQNKQHJlO8Uryc2SoyVXU7w6oCcPYUMAAhAYEALRJwsD4jBuQAACEIBA+gi8fdkvZMbUKb+usjWL72PRNx66+r/SuFJfFxecSvrIEBEEIACBzgkUr/i5DaVO6ZxptfJKileOq7zapvr69284/HhG50OBBghAAAIQ6IAAK7A6gEdXCEAAAhCIh4BMjEaq95ZkomS7EksmZPoewlOsxIpnLNACAQiki4DkRsmR7RavJDdTvErXOUE0EIAABJJKgAJWUkcOvyEAAQikjEBx4ejmzGG1lNdFLPm1wcjh6dsJdzw1Nl44Obu4uNj4DajIvRGEAAQgkFoCkhMlN0qOtPnOK8nBkoslJ0tuTi0gAoMABCAAgUQRiD5BSFRYOAsBCEAAAkkl8NeP/ac+u6Hmtl01ZPPz7nI74bh778FPp66vzs/P9/0XspLKH78hAIF0EJDi1Qf3zsxu1KcO2xavRuqqenpGLb/+svN9OmgQBQQgAAEIpIEAK7DSMIrEAAEIQCBFBGTCND22tjxS96q2K7Fkonbt1plZ3/czKUJCKBCAAASsCEgOlFzYXvHKq0oOpnhlhRxhCEAAAhDoAQFWYPUAMiYgAAEIQMCewJ//vTbxzfLYie1adsjNKD+yBr0S61Ch/PAnYx+tsBIrMjUEIQCBlBCQlVf/2vzxiYel/CGrlVc15YxkvOrzc5srb56dXE8JDsKAAAQgAIEUEaCAlaLBJBQIQAACaSNQvLRyqFJ4dradItZIvrz2Qy+/urDg1NLGhXggAAEItCJw5Yqf+SRbnt0u5yfbKV7lSt+uFs+feNhKN20QgAAEIACBfhPgFsJ+jwD2IQABCEDgiQRkIpUrXV89PKpqdb064ImCzQf0F7vLBO6TrJLbCbnWNfPhNQQgkDoCkusk57VTvJIcK7mW4lXqTgsCggAEIJAqAtEnA6kKm2AgAAEIQCBJBP7yj/XJ5dJTs9sV5dreTjieVd+pT99dLRaL9STFjK8QgAAEohLQ+c1VL70zu+GpI9Yrr3KqPlf4fvUXr06sRbWHHAQgAAEIQKAfBPirdD+oYxMCEIAABKwIyMRqo6ZuZrNK2a7Ekgnd5ulfPa9XJ/BHGyvqCEMAAkkgILlNclw7xSvJqZJbKV4lYaTxEQIQgAAEKGBxDkAAAhCAQCII/HHBuVerqNV2ilh+ffjp37wf3E5IESsRo42TEIBAFAJSvApym85xtiuvJJdKTpXcGsUWMhCAAAQgAIF+E+CDfL9HAPsQgAAEIGBF4Nd/96f8sprxPKtueumWcoez6u5vX3Nu6Itf9F81tDSDOAQgAIFeENBJzLlw1Z/Z8dRRm+KV+CbFKyevbvzuZxSvejFW2IAABCAAgXgIsAIrHo5ogQAEIACBHhGQCZdMvGQCZrXpL3bXZaupC1e3Z6z6IQwBCEBgAAkEuUznNIpXAzg4uAQBCEAAAl0hQAGrK1hRCgEIQAAC3SQgRaxJr/RtxvWsVhLv6BLWViUzdfHqrR900z90QwACEOgmAclhksskp9nYkZwpuZOVVzbUkIUABCAAgUEhQAFrUEYCPyAAAQhAwIrALxfGbo/WK7esOgXC+mcJK0enL75347h+aVUAs7dFDwhAAAKxEnAkd0kO0zcCWiuWnCm507ojHSAAAQhAAAIDQIAC1gAMAi5AAAIQgEB7BIoyEbu7cl++3yqqBjejfE9P/G5vTR//0/v3pYjFBgEIQCARBCRnSe6SHCa5LLLTkiN1rgxyZuROCEIAAhCAAAQGi8D/ARTUmCr5PwbUAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center 40px
}

.games-title.svelte-3wcca3 span.svelte-3wcca3.svelte-3wcca3 {
    display: block;
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    padding-top: 30px;
    margin-bottom: 10px;
    color: #4177fa !important
}

.games-title.svelte-3wcca3 p.svelte-3wcca3.svelte-3wcca3 {
    font-size: 14px;
    color: #3e5175;
    text-align: center;
    font-weight: 400
}

.download.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    width: 100%;
    margin-bottom: 20px
}

.download-content.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    width: 100%;
    margin-top: 20px;
    position: relative
}

.download-content.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3:after {
    content: "";
    display: block;
    clear: both
}

.download-content-right.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    position: absolute;
    width: 560px;
    left: 10px;
    bottom: 20px;
    text-align: center
}

.download-content-right.svelte-3wcca3 img.svelte-3wcca3.svelte-3wcca3 {
    width: 100%
}

.download-content-left.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    float: right;
    width: 825px;
    height: 542px;
    background-image: url(/assets/download-bg.36632918.png);
    background-size: 100% 100%
}

.download-content-left-box.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    float: right;
    margin-right: 100px;
    width: 410px;
    padding-top: 50px
}

.download-content-left.svelte-3wcca3 h3.svelte-3wcca3.svelte-3wcca3 {
    font-size: 45px;
    color: #4177fa;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-left: 20px
}

.download-content-left-text.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    font-size: 14px;
    color: #4177fa;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 500;
    padding-left: 20px
}

.download-content-left.svelte-3wcca3 ul.svelte-3wcca3.svelte-3wcca3 {
    width: 100%;
    margin-top: 20px
}

.download-content-left.svelte-3wcca3 ul.svelte-3wcca3 li.svelte-3wcca3 {
    float: left;
    width: 200px;
    height: 280px;
    text-align: center;
    background-image: url(/assets/download-h5.2796fb41.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: #4177fa
}

.download-content-left.svelte-3wcca3 ul.svelte-3wcca3 li p.svelte-3wcca3 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    position: absolute;
    bottom: 80px;
    left: 0
}

.download-content-left.svelte-3wcca3 ul.svelte-3wcca3 li span.svelte-3wcca3 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    position: absolute;
    bottom: 50px;
    left: 0
}

.quality-service.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    width: 100%;
    margin-bottom: 20px
}

.quality-service.svelte-3wcca3 ul.svelte-3wcca3.svelte-3wcca3 {
    width: 100%;
    margin-top: 50px;
    display: flex
}

.quality-service.svelte-3wcca3 ul.svelte-3wcca3 li.svelte-3wcca3 {
    width: 50%;
    text-align: center
}

.quality-service.svelte-3wcca3 ul.svelte-3wcca3 li img.svelte-3wcca3 {
    width: 130px;
    height: 130px;
    margin: 30px auto 0
}

.quality-service.svelte-3wcca3 ul.svelte-3wcca3 li p.svelte-3wcca3 {
    font-size: 20px;
    color: #3e5175;
    line-height: 20px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px
}

.quality-service.svelte-3wcca3 ul.svelte-3wcca3 li span.svelte-3wcca3 {
    font-size: 12px;
    color: #adb3c9;
    line-height: 12px;
    font-weight: 500
}

.half.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    background-color: #0006;
    color: #9d9d9e;
    display: flex
}

.half.svelte-3wcca3>.svelte-3wcca3.svelte-3wcca3 {
    flex: 1
}

.recommend.svelte-3wcca3 li.svelte-3wcca3.svelte-3wcca3,
.game-list.svelte-3wcca3 li.svelte-3wcca3.svelte-3wcca3 {
    width: 50%;
    color: #484848;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: inline-block;
    cursor: pointer;
    text-align: center
}

.recommend.svelte-3wcca3 img.svelte-3wcca3.svelte-3wcca3,
.game-list.svelte-3wcca3 img.svelte-3wcca3.svelte-3wcca3 {
    width: 70px;
    height: 70px;
    margin: 0 auto
}

.ss.svelte-3wcca3.svelte-3wcca3.svelte-3wcca3 {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 25vw
}

.ss.svelte-3wcca3 .i.svelte-3wcca3.svelte-3wcca3 {
    position: absolute;
    cursor: pointer;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    text-align: center;
    top: 12.5vw;
    right: 0;
    height: 100px;
    line-height: 100px;
    width: 50px;
    background: rgba(166, 172, 184, .4);
    margin-top: -50px
}

.ss.svelte-3wcca3 .i.svelte-3wcca3.svelte-3wcca3:hover {
    background-color: #a0adc4cc
}

.ss.svelte-3wcca3 .i.svelte-3wcca3.svelte-3wcca3:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    left: 0
}

.ss.svelte-3wcca3 .b.svelte-3wcca3.svelte-3wcca3 {
    display: flex;
    width: 200vw;
    transition: all .5s
}

.ss.svelte-3wcca3 img.svelte-3wcca3.svelte-3wcca3 {
    display: inline-block;
    width: 100vw
}

.ss.svelte-3wcca3 svg {
    fill: #fff;
    width: 40px;
    height: 40px
}

.ss.svelte-3wcca3 .f.svelte-3wcca3.svelte-3wcca3 {
    position: absolute;
    left: 50%;
    bottom: 10px
}

.ss.svelte-3wcca3 .f i.svelte-3wcca3.svelte-3wcca3 {
    display: inline-block;
    height: .75rem;
    width: .75rem;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
    background-color: #afbbcc
}

.ss.svelte-3wcca3 .f .act.svelte-3wcca3.svelte-3wcca3 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.home.svelte-1myb9y4.svelte-1myb9y4.svelte-1myb9y4 {
    background-size: cover;
    height: 100vh;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background-image: url(/assets/gamecenter_bg_02.0f98251f.jpg)
}

.home.svelte-1myb9y4 svg {
    height: 1.5rem;
    width: 1.5rem
}

.bd.svelte-1myb9y4.svelte-1myb9y4.svelte-1myb9y4 {
    width: 1200px;
    background: url(/assets/download-bg.36632918.png) no-repeat;
    background-position: right 100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    padding-top: 8rem;
    padding-bottom: 8rem
}

.bd.svelte-1myb9y4 .left.svelte-1myb9y4.svelte-1myb9y4 {
    width: 650px;
    margin-right: 2rem
}

.bd.svelte-1myb9y4 .right.svelte-1myb9y4.svelte-1myb9y4 {
    color: #4177fa;
    flex: 1 1 0%;
    padding-top: 2rem;
    padding-left: 1.5rem;
    padding-right: 6rem
}

.bd.svelte-1myb9y4 .right h3.svelte-1myb9y4.svelte-1myb9y4 {
    font-size: 45px;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-left: 20px;
    color: #4177fa
}

.sect.svelte-1myb9y4.svelte-1myb9y4.svelte-1myb9y4 {
    margin-top: 2rem;
    display: flex;
    flex-direction: row
}

.sect.svelte-1myb9y4>div.svelte-1myb9y4.svelte-1myb9y4 {
    width: 191px;
    height: 280px;
    background: url(/assets/download-h5.2796fb41.png);
    position: relative;
    margin-right: 2rem
}

.sect.svelte-1myb9y4>div.svelte-1myb9y4>div.svelte-1myb9y4 {
    width: 110px;
    height: 110px;
    left: 40px;
    top: 40px;
    position: absolute;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow-color: #374151;
    --tw-shadow: var(--tw-shadow-colored)
}

.sect.svelte-1myb9y4>div.svelte-1myb9y4>span.svelte-1myb9y4 {
    bottom: 75px;
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: center
}

.sect.svelte-1myb9y4>div.svelte-1myb9y4>span.svelte-1myb9y4:last-child {
    bottom: 48px !important
}

.switch.svelte-mez3bw.svelte-mez3bw {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 18px
}

.switch.svelte-mez3bw input.svelte-mez3bw {
    opacity: 0;
    width: 0;
    height: 0
}

.slider.svelte-mez3bw.svelte-mez3bw {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s;
    border-radius: 34px
}

.slider.svelte-mez3bw.svelte-mez3bw:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .2s;
    border-radius: 50%
}

input.svelte-mez3bw:checked+.slider.svelte-mez3bw {
    background-color: var(--primary-color);
    box-shadow: 0 0 1px #2196f3
}

input.svelte-mez3bw:checked+.slider.svelte-mez3bw:before {
    transform: translate(13px)
}

.center-pop.svelte-zrenl7 {
    z-index: 50;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #00000080
}

.center-pop-inner.svelte-zrenl7 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%
}

.root.svelte-e5vhlg.svelte-e5vhlg {
    height: 100vh
}

.wrap.svelte-e5vhlg.svelte-e5vhlg {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: url(/assets/bg3a.8b6cf415.jpg);
    background-color: #b0e1e6;
    background-size: cover;
    height: 100%
}

.logo.svelte-e5vhlg.svelte-e5vhlg {
    margin-bottom: 20px
}

.logo.svelte-e5vhlg>img.svelte-e5vhlg {
    height: 80px
}

.form.svelte-e5vhlg.svelte-e5vhlg {
    width: 80%;
    max-width: 500px;
    padding: 8px;
    box-sizing: border-box;
    color: #333
}

.form.svelte-e5vhlg .title.svelte-e5vhlg {
    color: #333;
    font-size: 22px;
    letter-spacing: 3px;
    text-align: center;
    font-weight: 400
}

.field.svelte-e5vhlg.svelte-e5vhlg {
    position: relative;
    width: 90%;
    margin: 16px auto 24px;
    display: flex;
    background-color: #fff;
    border-radius: 3rem;
    padding-left: 20px
}

.field.svelte-e5vhlg input.svelte-e5vhlg {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 16px;
    color: #333;
    margin-left: 10px;
    padding: 10px
}

.field.svelte-e5vhlg input.svelte-e5vhlg:focus {
    outline: none
}

.field.svelte-e5vhlg svg {
    height: 1.5rem;
    width: 1.5rem;
    fill: #6b7280
}

.field.svelte-e5vhlg>span.svelte-e5vhlg {
    position: absolute;
    left: .75rem;
    top: .5rem
}

.form.svelte-e5vhlg .login-btn.svelte-e5vhlg {
    background: linear-gradient(0deg, #ffa018, #ffdf6c);
    color: #333;
    border: none;
    border-radius: 80px;
    position: relative;
    padding: 0;
    font-size: 22px;
    line-height: 40px;
    width: 80%;
    margin-left: 10%;
    text-align: center;
    cursor: pointer
}

.register.svelte-1v5ac4i.svelte-1v5ac4i.svelte-1v5ac4i {
    height: 100vh;
    overflow: auto;
    background-color: #b0e1e6
}

.hd.svelte-1v5ac4i.svelte-1v5ac4i.svelte-1v5ac4i {
    height: 75px;
    background-color: #6464644d;
    display: none;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.hd.svelte-1v5ac4i .cnt.svelte-1v5ac4i.svelte-1v5ac4i {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center
}

.hd.svelte-1v5ac4i .logo.svelte-1v5ac4i.svelte-1v5ac4i {
    padding-top: 5px
}

.hd.svelte-1v5ac4i .buttons.svelte-1v5ac4i.svelte-1v5ac4i {
    flex: 1 1 0%;
    text-align: right
}

.hd.svelte-1v5ac4i .buttons.svelte-1v5ac4i>span.svelte-1v5ac4i {
    width: 120px;
    margin-right: 2rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 9999px;
    border-width: 1px;
    text-align: center;
    font-size: .875rem;
    line-height: 2rem
}

.bd.svelte-1v5ac4i.svelte-1v5ac4i.svelte-1v5ac4i {
    padding-top: 20px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: auto;
    background-size: cover
}

.bd.svelte-1v5ac4i .logo.svelte-1v5ac4i.svelte-1v5ac4i {
    margin-bottom: 20px
}

.bd.svelte-1v5ac4i .logo.svelte-1v5ac4i>img.svelte-1v5ac4i {
    height: 60px
}

.form.svelte-1v5ac4i.svelte-1v5ac4i.svelte-1v5ac4i {
    width: 600px;
    max-width: 90%;
    background-image: linear-gradient(-45deg, #c4edf0 20%, #f9f9f9 90%);
    border-radius: 10px;
    padding: 8px 50px;
    box-sizing: border-box;
    border: solid 1px #ccc
}

.form.svelte-1v5ac4i .title.svelte-1v5ac4i.svelte-1v5ac4i {
    color: #666;
    font-size: 26px;
    letter-spacing: 3px;
    text-align: center;
    font-weight: 400
}

.form.svelte-1v5ac4i .form-field {
    margin-top: 2rem;
    padding-top: .25rem
}

.form.svelte-1v5ac4i label {
    top: -16px;
    color: #eee;
    font-size: 18px;
    position: absolute
}

footer.svelte-1v5ac4i.svelte-1v5ac4i.svelte-1v5ac4i {
    display: flex;
    justify-content: space-between
}

footer.svelte-1v5ac4i button.svelte-1v5ac4i.svelte-1v5ac4i {
    width: 48%;
    color: #666
}

footer.svelte-1v5ac4i button.primary.svelte-1v5ac4i.svelte-1v5ac4i {
    color: #fff
}

.nav-menu.svelte-154338r.svelte-154338r {
    background: linear-gradient(180deg, #fff, #e6ebf1);
    height: 90px;
    padding-left: 12px;
    position: relative;
    display: flex;
    padding-top: .75rem
}

.logo.svelte-154338r.svelte-154338r {
    margin-right: 2rem;
    cursor: pointer
}

.logo.svelte-154338r img.svelte-154338r {
    height: 67px
}

.nav.svelte-154338r.svelte-154338r {
    flex: 1 1 0%
}

.groups.svelte-154338r.svelte-154338r {
    background: linear-gradient(180deg, #fff, #e0f0ff 51%, #fff);
    border: 1px #CCD7E6 solid;
    height: 2.25rem;
    overflow: hidden;
    border-radius: 1.5rem;
    line-height: 2.25rem
}

.groups.svelte-154338r span.svelte-154338r {
    min-width: 120px;
    border-color: var(--primary-color);
    color: var(--primary-color);
    display: inline-block;
    height: 2.25rem;
    cursor: pointer;
    border-right-width: 1px;
    text-align: center
}

.groups.svelte-154338r span.svelte-154338r:first-child {
    padding-left: 20px
}

.groups.svelte-154338r span.svelte-154338r:last-child {
    border-right: none
}

.groups.svelte-154338r span.active.svelte-154338r,
.groups.svelte-154338r span.svelte-154338r:hover {
    background-color: var(--primary-color);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.games.svelte-154338r.svelte-154338r {
    position: absolute;
    bottom: 0px;
    padding-left: 2rem;
    height: 32px;
    overflow: auto
}

.games.svelte-154338r span.svelte-154338r {
    min-width: 130px;
    font-size: 15px;
    color: var(--primary-color);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAQCAYAAAA8qK60AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEyLTAzVDIxOjEzOjQwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMi0wM1QyMToyNDoyNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMi0wM1QyMToyNDoyNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMTM1ZDk5Yy0yZjYxLTNlNGQtYjhhNS01ZThhMDE0MGViNjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThmOTI4ODQtYjc3Ni0xMjQyLWIwMTItMGUyMDdjOWY3NmU1IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OThmOTI4ODQtYjc3Ni0xMjQyLWIwMTItMGUyMDdjOWY3NmU1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OGY5Mjg4NC1iNzc2LTEyNDItYjAxMi0wZTIwN2M5Zjc2ZTUiIHN0RXZ0OndoZW49IjIwMTgtMTItMDNUMjE6MTM6NDArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjEzNWQ5OWMtMmY2MS0zZTRkLWI4YTUtNWU4YTAxNDBlYjYwIiBzdEV2dDp3aGVuPSIyMDE4LTEyLTAzVDIxOjI0OjI1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tdtgPwAAAE1JREFUCJlNzLsNg0AUBdGjG5gSaMb9t2KCBWQii48e0SJnoxlpVNWEdzBiCD74BRuu4IszWLAHrZuGI5g7tH/YezqDtadnuOFSVS/kBtgEIDcvwRJ6AAAAAElFTkSuQmCC) no-repeat 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-bottom: .5rem;
    text-align: center
}

.games.svelte-154338r span.svelte-154338r:last-child {
    background: none
}

.games.svelte-154338r span.active.svelte-154338r:after {
    content: "";
    width: 11px;
    height: 8px;
    margin-left: -6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MjIyNjQ1Yy1mZDkwLTY1NDAtOWU1Yi0wZjE3NmEzNjBkZTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzgzQjBDNENGNkZDMTFFOEJBODk5OTAwRTBDMDI5QjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzgzQjBDNEJGNkZDMTFFOEJBODk5OTAwRTBDMDI5QjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzg2YTI0MGQtYjI3MS1mYjQ5LThhYmItMmYxMDBiNzQxZDIzIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODdhOTJlMjYtZmMzZC03YTRkLTk2YmQtZDY2Y2U1YzUxOTJlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bk/HSQAAAGpJREFUeNpifPv2LQOxgAmLGCsQLwFiTmIU1wJxNBC3okswojnDHIiPAjEzEP8DYicgPojNZG4gXgxVCJObD8S82BR3AbEqms2KQNyLrtgdiDNxBEIKEHvC3CwEpC8DsRSeUHsGxDoAAQYALGMTnDBkuNIAAAAASUVORK5CYII=) no-repeat 0 0;
    position: absolute;
    bottom: 0px;
    left: 50%;
    display: block
}

.grid.svelte-154mbxd.svelte-154mbxd {
    display: flex;
    flex-wrap: wrap;
    justify-items: end
}

.titles.svelte-154mbxd.svelte-154mbxd {
    display: flex;
    width: 100%
}

.titles.svelte-154mbxd>div.svelte-154mbxd {
    line-height: 8vw;
    height: 8vw;
    font-size: 3.6vw;
    flex: 1 1 0%;
    overflow: hidden;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.item.svelte-154mbxd.svelte-154mbxd {
    cursor: pointer;
    overflow-x: hidden;
    border-width: 2px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    text-align: center
}

.left-grid-menu.svelte-shfl6v.svelte-shfl6v {
    margin: .75rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.left-grid-menu.svelte-shfl6v svg {
    fill: var(--primary-color);
    height: 2.25rem;
    width: 2.25rem
}

.item.svelte-shfl6v.svelte-shfl6v {
    color: var(--primary-color);
    padding: .75rem .25rem
}

.left-grid-menu.svelte-shfl6v .itemoff.svelte-shfl6v svg {
    fill: #aaa
}

.left-grid-menu.svelte-shfl6v .itemoff.svelte-shfl6v {
    color: #aaa
}

.item.svelte-shfl6v.svelte-shfl6v:hover {
    background-color: #ccc
}

.user-info.svelte-vs9nel.svelte-vs9nel {
    margin: .75rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.info.svelte-vs9nel svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

.info.svelte-vs9nel.svelte-vs9nel {
    border-color: var(--primary-color);
    color: var(--primary-color);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.info.svelte-vs9nel .icon.svelte-vs9nel {
    background: var(--primary-color);
    margin-right: .25rem;
    display: inline-block;
    border-radius: 9999px;
    padding: .25rem
}

resultpanel.svelte-1hdp5eo.svelte-1hdp5eo {
    display: block
}

hd.svelte-1hdp5eo.svelte-1hdp5eo {
    background: var(--title-linear-gradient);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .5rem;
    padding-right: .5rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

hd.svelte-1hdp5eo h4.svelte-1hdp5eo {
    font-weight: 700
}

tabs.svelte-1hdp5eo.svelte-1hdp5eo {
    display: flex
}

tabs.svelte-1hdp5eo tab.svelte-1hdp5eo {
    line-height: 1.3;
    margin-right: .25rem;
    cursor: pointer;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding-left: .25rem;
    padding-right: .25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

tabs.svelte-1hdp5eo tab.on.svelte-1hdp5eo {
    border-color: #e94444;
    background-color: #e94444
}

bd.svelte-1hdp5eo.svelte-1hdp5eo {
    padding-left: 2px;
    margin-bottom: 1rem;
    display: block
}

records.svelte-1hdp5eo.svelte-1hdp5eo {
    display: flex;
    flex-direction: column
}

record.svelte-1hdp5eo.svelte-1hdp5eo {
    border-color: #d4d4d4;
    font-size: 14px;
    display: flex;
    border-bottom-width: 1px;
    line-height: 2rem
}

vrecord.svelte-1hdp5eo.svelte-1hdp5eo {
    border-color: #d4d4d4;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    border-bottom-width: 1px;
    padding-top: .25rem;
    padding-bottom: .25rem;
    line-height: 1.25rem
}

period.svelte-1hdp5eo.svelte-1hdp5eo {
    color: #666;
    margin-right: 2px;
    font-size: 11px
}

record.svelte-1hdp5eo t.svelte-1hdp5eo {
    padding: 0 5px
}

record.svelte-1hdp5eo balls.svelte-1hdp5eo {
    flex: 1 1 0%
}

balls.svelte-1hdp5eo ball.svelte-1hdp5eo {
    margin-right: 1px;
    background: var(--primary-linear-gradient);
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

pcball.svelte-1hdp5eo.svelte-1hdp5eo {
    margin-right: 1px;
    background: linear-gradient(0deg, #72368f, #9550b6 35%, #b86add);
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

pcball.sum.svelte-1hdp5eo.svelte-1hdp5eo {
    background: radial-gradient(circle, #fa7476, #f44040, #ee0b0b)
}

ft.svelte-1hdp5eo.svelte-1hdp5eo {
    display: block;
    padding-left: .5rem;
    padding-right: .5rem
}

ft.svelte-1hdp5eo button.svelte-1hdp5eo {
    margin-bottom: .25rem;
    width: 100%;
    border-radius: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background-color: var(--primary-color);
    line-height: 28px
}

record.svelte-1hdp5eo nums.svelte-1hdp5eo {
    flex: 1 1 0%
}

num.svelte-1hdp5eo.svelte-1hdp5eo {
    width: 17px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    margin-right: 1px;
    border-radius: 4px;
    background-size: 100% !important;
    background-image: url(/assets/nums.7e32c500.jpg);
    text-indent: -999999px
}

num.num1.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 0
}

num.num2.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -17px
}

num.num3.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -34px
}

num.num4.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -51px
}

num.num5.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -68px
}

num.num6.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -85px
}

num.num7.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -102px
}

num.num8.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -120px
}

num.num9.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -137px
}

num.num10.svelte-1hdp5eo.svelte-1hdp5eo {
    background-position: 0 -154px
}

.ds_s.svelte-1hdp5eo.svelte-1hdp5eo,
.ds_d.svelte-1hdp5eo.svelte-1hdp5eo,
.dx_d.svelte-1hdp5eo.svelte-1hdp5eo,
.dx_x.svelte-1hdp5eo.svelte-1hdp5eo {
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    margin-right: 1px;
    border-radius: 4px;
    background: linear-gradient(0deg, #1165a0, #1c7abd 35%, #34a4f5);
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-shadow: 1px 1px 1px #2d2c2c
}

.ds_d.svelte-1hdp5eo.svelte-1hdp5eo,
.dx_d.svelte-1hdp5eo.svelte-1hdp5eo {
    background: linear-gradient(180deg, #c66, #b34747)
}

.ftr1.svelte-1hdp5eo.svelte-1hdp5eo {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    padding-left: .25rem;
    padding-right: .25rem
}

.ftr2.svelte-1hdp5eo i.svelte-1hdp5eo {
    width: 7px;
    height: 7px;
    background-color: #555;
    margin-right: 2px;
    display: inline-block;
    border-radius: 9999px
}

x-dialog.svelte-1mp7yr4 {
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 6000;
    position: fixed;
    left: 50%;
    overflow: hidden;
    border-radius: .25rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

dialog-title.svelte-1mp7yr4 {
    position: relative;
    display: block;
    height: 3.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    line-height: 56px;
    background-color: var(--blue)
}

dialog-title.svelte-1mp7yr4 svg {
    position: absolute;
    right: 1rem;
    top: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    fill: #fff
}

dialog-body.svelte-1mp7yr4 {
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    max-width: 90vw;
    width: 400px
}

overlay.svelte-1mp7yr4 {
    background-color: #0000004d;
    z-index: 5999;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px
}

bettools.svelte-k4y66l.svelte-k4y66l {
    background-color: #ededed;
    display: flex;
    align-items: center;
    padding: .25rem .5rem
}

bettools.svelte-k4y66l info.svelte-k4y66l {
    font-size: 13px;
    margin-left: .75rem;
    flex: 1 1 0%
}

val.svelte-k4y66l.svelte-k4y66l {
    font-size: 15px;
    margin-right: .25rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 1rem;
    padding-left: .75rem;
    padding-right: .75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background-color: #353535
}

val.svelte-k4y66l.svelte-k4y66l:hover {
    background-color: var(--primary-color)
}

right.svelte-k4y66l span.svelte-k4y66l {
    font-size: 13px;
    color: #737373
}

right.svelte-k4y66l button.svelte-k4y66l {
    outline: none;
    color: #fff;
    line-height: 24px;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    padding: 0 24px;
    background-color: var(--primary-color)
}

right.svelte-k4y66l button.svelte-k4y66l:disabled {
    background-color: #ccc;
    cursor: not-allowed
}

right.svelte-k4y66l button.svelte-k4y66l:disabled:hover {
    background-color: #ccc
}

right.svelte-k4y66l button.svelte-k4y66l:hover {
    background-color: var(--primary-hover-color)
}

right.svelte-k4y66l input.svelte-k4y66l {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 75px
}

right.svelte-k4y66l input.svelte-k4y66l:focus {
    border-color: var(--primary-color)
}

info.svelte-k4y66l span.svelte-k4y66l {
    color: red
}

quick-form.svelte-k4y66l.svelte-k4y66l {
    margin-left: 4rem;
    margin-right: 4rem;
    display: block
}

qinput.svelte-k4y66l.svelte-k4y66l {
    margin-bottom: 1rem;
    display: block
}

qinput.svelte-k4y66l input.svelte-k4y66l {
    width: 150px;
    border: 1px solid #a9a9a9;
    text-align: center;
    height: 28px;
    color: red;
    outline: none
}

quick-form.svelte-k4y66l button.svelte-k4y66l,
.btn.svelte-k4y66l.svelte-k4y66l {
    width: 60px;
    line-height: 31px;
    border-radius: 3px;
    font-weight: 700;
    margin: 5px;
    text-align: center;
    border: 1px solid #dcdfe6;
    border-color: var(--primary-color);
    color: #606266;
    font-size: 14px
}

quick-form.svelte-k4y66l button.svelte-k4y66l:hover,
.btn.svelte-k4y66l.svelte-k4y66l:hover {
    color: var(--primary-color);
    border-color: var(--primary-hover-color)
}

quick-form.svelte-k4y66l button.primary.svelte-k4y66l,
.btn.primary.svelte-k4y66l.svelte-k4y66l {
    color: #fff;
    background-color: var(--primary-color)
}

quick-form.svelte-k4y66l button.primary.svelte-k4y66l:hover,
.btn.primary.svelte-k4y66l.svelte-k4y66l:hover {
    background-color: var(--primary-hover-color)
}

.bet-confirm.svelte-k4y66l table.svelte-k4y66l {
    border-collapse: collapse
}

.bet-confirm.svelte-k4y66l table thead tr.svelte-k4y66l:first-child {
    background: #ccc
}

.bet-confirm.svelte-k4y66l table th.svelte-k4y66l,
.bet-confirm.svelte-k4y66l table td.svelte-k4y66l {
    padding: .5rem .25rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem
}

.bet-confirm.svelte-k4y66l table tbody tr.svelte-k4y66l:nth-of-type(even) {
    background-color: #f1f1f1
}

periodinfo.svelte-pvkfwv.svelte-pvkfwv {
    background: linear-gradient(180deg, #fff, #fbfbfb 30%, #b9b9b9);
    height: 120px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding-top: .5rem
}

periodinfo.svelte-pvkfwv svg {
    width: 18px;
    height: 18px
}

gamelogo.svelte-pvkfwv.svelte-pvkfwv {
    width: 140px;
    text-align: center
}

gamelogo.svelte-pvkfwv img.svelte-pvkfwv {
    width: 63px;
    height: 63px;
    margin-left: auto;
    margin-right: auto
}

gamelogo.svelte-pvkfwv h5.svelte-pvkfwv {
    font-weight: 700
}

gametime.svelte-pvkfwv.svelte-pvkfwv {
    width: 204px;
    display: block
}

gametime.svelte-pvkfwv>.svelte-pvkfwv {
    display: block
}

plate.svelte-pvkfwv.svelte-pvkfwv {
    color: #333;
    font-size: 18px;
    font-weight: 700
}

platen.svelte-pvkfwv.svelte-pvkfwv {
    font-size: 20px;
    margin: 0 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #5a5c5e;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

plate.svelte-pvkfwv svg {
    fill: #d99a1c;
    margin-left: .75rem;
    cursor: pointer
}

gametime.svelte-pvkfwv tip.svelte-pvkfwv {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #555
}

periodnum.svelte-pvkfwv.svelte-pvkfwv {
    color: red;
    margin-right: 5px
}

gametime.svelte-pvkfwv time.svelte-pvkfwv {
    margin-top: .5rem;
    display: flex
}

gametime.svelte-pvkfwv time num.svelte-pvkfwv {
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    background-image: var(--primary-linear-gradient)
}

gametime.svelte-pvkfwv time colon.svelte-pvkfwv {
    display: inline-block;
    width: 26px;
    height: 40px;
    font-size: 25px;
    line-height: 37px;
    text-align: center;
    box-sizing: border-box
}

prev.svelte-pvkfwv.svelte-pvkfwv {
    flex: 1 1 0%
}

tools.svelte-pvkfwv button.svelte-pvkfwv {
    display: block;
    width: 60px;
    height: 28px;
    line-height: 28px;
    margin: 5px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff !important
}

tools.svelte-pvkfwv button.svelte-pvkfwv:hover {
    background-color: var(--primary-hover-color)
}

.result.svelte-pvkfwv.svelte-pvkfwv {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.result-pk10ft.svelte-pvkfwv>span.svelte-pvkfwv,
.result-pk10.svelte-pvkfwv>span.svelte-pvkfwv {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    margin-right: 4px;
    border-radius: 4px;
    background-size: 100% !important;
    background-image: url(/assets/nums.7e32c500.jpg);
    text-indent: -999999px
}

.result-pk10.svelte-pvkfwv>span.num1.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num1.svelte-pvkfwv {
    background-position: 0 0
}

.result-pk10.svelte-pvkfwv>span.num2.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num2.svelte-pvkfwv {
    background-position: 0 -30px
}

.result-pk10.svelte-pvkfwv>span.num3.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num3.svelte-pvkfwv {
    background-position: 0 -60px
}

.result-pk10.svelte-pvkfwv>span.num4.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num4.svelte-pvkfwv {
    background-position: 0 -90px
}

.result-pk10.svelte-pvkfwv>span.num5.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num5.svelte-pvkfwv {
    background-position: 0 -120px
}

.result-pk10.svelte-pvkfwv>span.num6.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num6.svelte-pvkfwv {
    background-position: 0 -150px
}

.result-pk10.svelte-pvkfwv>span.num7.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num7.svelte-pvkfwv {
    background-position: 0 -180px
}

.result-pk10.svelte-pvkfwv>span.num8.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num8.svelte-pvkfwv {
    background-position: 0 -210px
}

.result-pk10.svelte-pvkfwv>span.num9.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num9.svelte-pvkfwv {
    background-position: 0 -240px
}

.result-pk10.svelte-pvkfwv>span.num10.svelte-pvkfwv,
.result-pk10ft.svelte-pvkfwv>span.num10.svelte-pvkfwv {
    background-position: 0 -270px
}

.result-ssc.svelte-pvkfwv>span.svelte-pvkfwv {
    margin-right: 4px;
    background: linear-gradient(0deg, #1165a0, #1c7abd 35%, #34a4f5);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.result-pc28.svelte-pvkfwv>span.svelte-pvkfwv {
    margin-right: 1px;
    background: linear-gradient(0deg, #72368f, #9550b6 35%, #b86add);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.result-pc28.svelte-pvkfwv>span.sum.svelte-pvkfwv {
    background: radial-gradient(circle, #fa7476, #f44040, #ee0b0b)
}

.extra-item.svelte-pvkfwv.svelte-pvkfwv {
    border: 1px solid #b5b5b5;
    font-weight: 700;
    display: block;
    float: left;
    box-sizing: content-box;
    padding: 0 3px;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
    margin-right: 4px;
    min-width: 22px;
    color: #333
}

grid.svelte-1om2zn5.svelte-1om2zn5 {
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

grid.svelte-1om2zn5 svg.svelte-1om2zn5 {
    width: 780px;
    height: 200px
}

grid-item.svelte-1om2zn5.svelte-1om2zn5 {
    top: 0;
    left: 0;
    width: 20%;
    height: 20%;
    position: absolute;
    display: block;
    cursor: pointer
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(2) {
    left: 20%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(3) {
    left: 40%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(4) {
    left: 60%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(5) {
    left: 80%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(6) {
    left: 80%;
    top: 20%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(7) {
    left: 80%;
    top: 40%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(8) {
    left: 80%;
    top: 60%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(9) {
    left: 80%;
    top: 80%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(10) {
    left: 60%;
    top: 80%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(11) {
    left: 40%;
    top: 80%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(12) {
    left: 20%;
    top: 80%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(13) {
    top: 80%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(14) {
    top: 60%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(15) {
    top: 40%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(16) {
    top: 20%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(17) {
    left: 35%;
    top: 20%;
    width: 30%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(18) {
    left: 65%;
    top: 40%;
    width: 15%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(19) {
    left: 35%;
    top: 60%;
    width: 30%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(20) {
    left: 20%;
    top: 40%;
    width: 15%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(21) {
    left: 35%;
    top: 40%;
    width: 15%
}

grid-items.svelte-1om2zn5 grid-item.svelte-1om2zn5:nth-child(22) {
    left: 50%;
    top: 40%;
    width: 15%
}

svg.svelte-1om2zn5 polygon.svelte-1om2zn5 {
    fill: #fff3;
    cursor: pointer
}

svg.svelte-1om2zn5 polygon.on.svelte-1om2zn5 {
    fill: var(--primary-light-color)
}

svg.svelte-1om2zn5 path.svelte-1om2zn5 {
    stroke: #aaa;
    stroke-width: 1px;
    fill: none
}

amount-input.svelte-1np6be9 {
    position: relative
}

input.svelte-1np6be9 {
    width: 100%;
    height: 26px;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #b2b2b2;
    background: rgb(255, 255, 255);
    text-align: center;
    font-weight: 700;
    color: #e00;
    outline: none
}

input.svelte-1np6be9:focus {
    border-color: red
}

pop.svelte-1np6be9 {
    transform: translate(-50%);
    top: 26px;
    position: absolute;
    left: 50%;
    z-index: 20
}

bet-button.svelte-cq7q9g.svelte-cq7q9g {
    font-size: 12px;
    display: flex;
    width: 100%;
    cursor: pointer;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .25rem
}

bet-button.selected.svelte-cq7q9g.svelte-cq7q9g {
    background-color: var(--primary-light-color)
}

val.svelte-cq7q9g.svelte-cq7q9g {
    flex: 30;
    display: block
}

ball.svelte-cq7q9g.svelte-cq7q9g {
    background-image: linear-gradient(0deg, #d6ddec, #fdfdfe);
    border: 1px solid #b0b9cb;
    color: #000;
    z-index: 1;
    position: relative;
    overflow: hidden;
    height: 28px;
    width: 28px;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    display: inline-block
}

ball.svelte-cq7q9g.svelte-cq7q9g:after {
    content: "";
    display: block;
    width: 20px;
    height: 10px;
    background-image: linear-gradient(0deg, #fff, #fff);
    border-radius: 50%;
    opacity: .3;
    position: absolute;
    top: 2px;
    left: 4px
}

bet-button.selected.svelte-cq7q9g ball.svelte-cq7q9g {
    background-image: none;
    background-color: var(--primary-color);
    color: #fff
}

number.svelte-cq7q9g.svelte-cq7q9g {
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    margin: 5px;
    border-radius: 4px;
    background-size: 100% !important;
    background-image: url(/assets/nums.7e32c500.jpg);
    text-indent: -999999px
}

number.number1.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 0
}

number.number2.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -24px
}

number.number3.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -48px
}

number.number4.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -72px
}

number.number5.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -96px
}

number.number6.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -120px
}

number.number7.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -144px
}

number.number8.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -168px
}

number.number9.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -192px
}

number.number10.svelte-cq7q9g.svelte-cq7q9g {
    background-position: 0 -216px
}

textval.svelte-cq7q9g.svelte-cq7q9g {
    color: #666
}

odds.svelte-cq7q9g.svelte-cq7q9g {
    flex: 34;
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: 700;
    color: #c55a52;
    text-align: center;
    width: 34%;
    font-family: Verdana
}

amount.svelte-cq7q9g.svelte-cq7q9g {
    flex: 40;
    display: block
}

tabs.svelte-1t5khi0.svelte-1t5khi0 {
    height: 38px;
    line-height: 38px;
    background-color: #353535;
    font-size: 14px;
    display: block;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

tabs.svelte-1t5khi0 tab.svelte-1t5khi0 {
    display: inline-block;
    cursor: pointer;
    padding-left: .75rem;
    padding-right: .75rem
}

tabs.svelte-1t5khi0 tab.on.svelte-1t5khi0 {
    background-color: var(--primary-color)
}

.container.svelte-wmy3nt.svelte-wmy3nt {
    max-width: 780px;
    overflow-y: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.grid.svelte-wmy3nt.svelte-wmy3nt {
    display: flex;
    flex-direction: row
}

.col.svelte-wmy3nt.svelte-wmy3nt {
    display: flex;
    flex-direction: column;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.grid.svelte-wmy3nt .cell.svelte-wmy3nt {
    padding-top: 2px;
    width: 28px;
    height: 28px;
    position: relative;
    display: inline-block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    text-align: center
}

.grid.svelte-wmy3nt .num.svelte-wmy3nt {
    background-color: #ff7300;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    left: 3px;
    top: 3px;
    position: absolute;
    display: inline-block;
    cursor: pointer;
    border-radius: 9999px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.grid.svelte-wmy3nt .num.dnum.svelte-wmy3nt {
    background-color: #0089ff
}

.grid.svelte-wmy3nt .empty.svelte-wmy3nt {
    background: none
}

.grid.small.svelte-wmy3nt .cell.svelte-wmy3nt {
    padding-top: 0;
    width: 20px;
    height: 20px
}

.grid.small.svelte-wmy3nt .num.svelte-wmy3nt {
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 14px;
    left: 2px;
    top: 2px
}

ft-bet-panel.svelte-gmy454.svelte-gmy454 {
    display: block
}

group.svelte-gmy454.svelte-gmy454 {
    position: relative;
    display: block
}

.disable-bet-panel.svelte-gmy454 group.svelte-gmy454:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(200, 200, 200, .35);
    z-index: 8;
    cursor: not-allowed
}

section-title.svelte-gmy454.svelte-gmy454 {
    line-height: 30px;
    font-size: 14px;
    background: #dcdcdc;
    color: #666;
    border-color: #e6e6e6;
    border-right-color: #c7c7c7;
    display: block;
    width: 100%;
    border-bottom-width: 1px;
    border-right-width: 1px;
    text-align: center
}

group-section.svelte-gmy454.svelte-gmy454 {
    display: flex;
    flex-wrap: wrap
}

section-title.svelte-gmy454.svelte-gmy454 {
    display: inline-block;
    text-align: center
}

section-item.svelte-gmy454.svelte-gmy454 {
    border-color: #e6e6e6;
    display: flex;
    border-bottom-width: 1px;
    border-right-width: 1px;
    text-align: center
}

bg-item.svelte-gmy454.svelte-gmy454 {
    font-size: 12px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-around
}

general-bet-panel.svelte-hk2gab.svelte-hk2gab {
    display: block
}

group.svelte-hk2gab.svelte-hk2gab {
    position: relative;
    display: block
}

.disable-bet-panel.svelte-hk2gab group.svelte-hk2gab:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(200, 200, 200, .35);
    z-index: 8;
    cursor: not-allowed
}

section-title.svelte-hk2gab.svelte-hk2gab {
    line-height: 30px;
    font-size: 14px;
    background: #dcdcdc;
    color: #666;
    border-color: #e6e6e6;
    border-right-color: #c7c7c7;
    display: block;
    width: 100%;
    border-bottom-width: 1px;
    border-right-width: 1px;
    text-align: center
}

group-section.svelte-hk2gab.svelte-hk2gab {
    display: flex;
    flex-wrap: wrap
}

section-title.svelte-hk2gab.svelte-hk2gab {
    display: inline-block;
    text-align: center
}

section-item.svelte-hk2gab.svelte-hk2gab {
    border-color: #e6e6e6;
    display: flex;
    border-bottom-width: 1px;
    border-right-width: 1px;
    text-align: center
}

.hd.svelte-o455k9.svelte-o455k9 {
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .5rem;
    padding-right: .5rem;
    line-height: 2.5rem
}

.bets.svelte-o455k9.svelte-o455k9 {
    font-size: .875rem;
    line-height: 1.25rem
}

.bets-hd.svelte-o455k9.svelte-o455k9 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    padding-top: .5rem;
    padding-bottom: .5rem
}

.bets-hd.svelte-o455k9.svelte-o455k9,
.bet.svelte-o455k9.svelte-o455k9 {
    display: flex
}

.bet-info.svelte-o455k9.svelte-o455k9 {
    flex: 1 1 0%;
    padding-left: .5rem
}

.bets.svelte-o455k9 .actions.svelte-o455k9 {
    padding-right: .5rem
}

.bet.svelte-o455k9.svelte-o455k9 {
    border-bottom-width: 1px;
    padding-top: .5rem;
    padding-bottom: .25rem
}

.bet.svelte-o455k9 .actions .btn.svelte-o455k9 {
    margin-bottom: .25rem;
    display: inline-block;
    cursor: pointer;
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.bet.svelte-o455k9 .actions .btn.svelte-o455k9:hover {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity))
}

.ft.svelte-o455k9.svelte-o455k9 {
    display: block;
    padding-left: .5rem;
    padding-right: .5rem
}

.checkbox.svelte-o455k9 svg {
    fill: #e5e7eb
}

.checkbox.on.svelte-o455k9 svg {
    fill: #3b82f6
}

.table2.svelte-o455k9 td.svelte-o455k9 {
    color: #111;
    font-size: 14px;
    padding: 3px 2px !important
}

.table2.svelte-o455k9 tbody tr.on td.svelte-o455k9 {
    background-color: #f7dbdb
}

.actions1.svelte-o455k9.svelte-o455k9 {
    display: flex
}

.actions1.svelte-o455k9 .btn.svelte-o455k9 {
    margin-bottom: .25rem;
    display: inline-block;
    cursor: pointer;
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.actions1.svelte-o455k9 .btn.svelte-o455k9:hover {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity))
}

.dragon-omission.svelte-13npn02.svelte-13npn02 {
    display: flex;
    height: 100%;
    flex-direction: column;
    max-height: 400px
}

.list.svelte-13npn02.svelte-13npn02 {
    flex: 1 1 0%;
    overflow: auto
}

.tabs.svelte-13npn02.svelte-13npn02 {
    padding: 10px 0;
    border-bottom: 1px #dedede solid
}

.tabs.svelte-13npn02>span.svelte-13npn02 {
    background-color: #fff;
    text-align: center;
    border-radius: 90px;
    width: 90px;
    display: inline-block;
    height: 30px;
    line-height: 24px;
    font-size: 16px;
    cursor: pointer;
    padding: 2px 0;
    margin-left: 12px;
    color: #333
}

.tabs.svelte-13npn02>span.on.svelte-13npn02 {
    background: #D6393B;
    color: #fff
}

.item.svelte-13npn02.svelte-13npn02 {
    padding: 5px 0;
    border-bottom: 1px solid #d4d4d4;
    font-size: 13px
}

.item.svelte-13npn02.svelte-13npn02:hover {
    background-color: #ccc
}

.item.svelte-13npn02 .a1.svelte-13npn02 {
    padding-left: 6px;
    width: 100px;
    height: 1rem;
    overflow: hidden;
    margin-right: .5rem;
    display: inline-block
}

.item.svelte-13npn02 .a2.svelte-13npn02 {
    margin-right: .5rem;
    display: inline-block;
    width: 1.25rem
}

game-page.svelte-nsleaj.svelte-nsleaj {
    min-width: 1240px;
    height: 100vh;
    overflow: auto;
    background-image: url(/assets/images/gamecenter_bg_01.jpg);
    display: block
}

game-body.svelte-nsleaj.svelte-nsleaj {
    width: 1240px;
    background: #f2f2f2;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
    display: block
}

game-body.svelte-nsleaj bd.svelte-nsleaj {
    min-height: 700px;
    display: flex
}

game-page.svelte-nsleaj left.svelte-nsleaj {
    width: 240px;
    border-color: #dedede;
    display: block;
    border-right-width: 1px
}

game-page.svelte-nsleaj middle.svelte-nsleaj {
    background-color: #f2f2f2;
    display: block;
    flex: 1 1 0%
}

game-page.svelte-nsleaj right.svelte-nsleaj {
    width: 220px;
    border-color: #dedede;
    display: block;
    border-left-width: 1px
}

tabs.svelte-o996hz {
    border-color: #e4e7ed;
    position: relative;
    box-sizing: border-box;
    display: block;
    border-bottom-width: 2px
}

tab.svelte-o996hz {
    color: #333;
    margin-right: 2rem;
    display: inline-block;
    height: 2.5rem;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    line-height: 2.5rem
}

tab.on.svelte-o996hz {
    color: var(--primary-color)
}

indicator.svelte-o996hz {
    width: 60px;
    height: 2px;
    background-color: var(--primary-color);
    bottom: -2px;
    left: 10px;
    transition: .3s cubic-bezier(.645, .045, .355, 1);
    position: absolute;
    display: inline-block
}

.pagination.svelte-1tpilvp {
    display: grid;
    border-top-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding: .75rem 1rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

@media (min-width: 640px) {
    .pagination.svelte-1tpilvp {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
}

select.svelte-1wvb0r.svelte-1wvb0r {
    min-width: 96px;
    border-radius: .25rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding: .25rem .5rem
}

.rowSelected.svelte-1wvb0r.svelte-1wvb0r {
    background: rgba(64, 118, 249, .15)
}

.batchbit.svelte-1wvb0r span.svelte-1wvb0r {
    margin-right: .25rem;
    margin-bottom: .5rem;
    display: inline-block;
    border-radius: .25rem;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    text-align: center;
    min-width: 50px
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: #000000e6;
    fill: #000000e6;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #000000e6;
    fill: #000000e6
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #00000080
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\fffd;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #000000e6
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #000000e6
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: #00000080;
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: #0000008a;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate(0);
    opacity: 1
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: #3939394d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: #3939391a
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 #569ff7, 5px 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: #3939394d;
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate(0)
    }
}

.input.svelte-4o3a2z {
    width: 350px;
    padding: 1.25rem
}

.input.svelte-4o3a2z>input {
    margin-top: .25rem;
    display: none;
    width: 100%;
    border-radius: .25rem;
    border-width: 1px;
    padding: .5rem .75rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.input.svelte-4o3a2z input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(192 132 252 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(243 232 255 / var(--tw-ring-opacity))
}

.input.svelte-4o3a2z .flatpickr-calendar {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.select.svelte-1pediq {
    overflow: auto;
    max-height: 50vh
}

.option.svelte-1pediq {
    min-width: 120px;
    cursor: pointer;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.option.svelte-1pediq:last-child {
    border-style: none
}

.option.svelte-1pediq:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.option.selected.svelte-1pediq {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.toolbar.active.svelte-jukner.svelte-jukner.svelte-jukner {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity))
}

.toolbar.svelte-jukner.svelte-jukner.svelte-jukner {
    display: inline-block;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.field.svelte-jukner.svelte-jukner.svelte-jukner {
    position: relative;
    display: inline-block;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(233 213 255 / var(--tw-border-opacity))
}

.field.svelte-jukner.svelte-jukner.svelte-jukner:last-child {
    border-style: none
}

.field.svelte-jukner>button.svelte-jukner.svelte-jukner {
    padding-top: 6px;
    padding-bottom: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.field.svelte-jukner>button.svelte-jukner svg {
    width: 18px;
    height: 18px;
    margin-left: 6px;
    fill: #888
}

.field.active.svelte-jukner>button.svelte-jukner.svelte-jukner {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.field.svelte-jukner:first-child>button.svelte-jukner.svelte-jukner {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.field.svelte-jukner:last-child>button.svelte-jukner.svelte-jukner {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

@media (max-width: 950px) {
    .toolbar.svelte-jukner.svelte-jukner.svelte-jukner {
        display: block;
        width: 250px;
        border-radius: 12px
    }

    .field.svelte-jukner.svelte-jukner.svelte-jukner {
        display: block;
        border-right: none
    }

    .field.svelte-jukner>button.svelte-jukner.svelte-jukner,
    .field.svelte-jukner:first-child>button.svelte-jukner.svelte-jukner,
    .field.svelte-jukner:last-child>button.svelte-jukner.svelte-jukner {
        border-radius: 0;
        width: 100%
    }

    .field.svelte-jukner:first-child>button.svelte-jukner.svelte-jukner {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
    }

    .field.svelte-jukner:last-child>button.svelte-jukner.svelte-jukner {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }
}

.field.svelte-jukner .panel.svelte-jukner.svelte-jukner {
    position: absolute;
    z-index: 20;
    margin-top: .5rem;
    display: none;
    overflow: hidden;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    min-width: 30px;
    min-height: 30px;
    -webkit-animation: show-menu .3s;
    animation: show-menu .3s
}

.field.active.svelte-jukner .panel.svelte-jukner.svelte-jukner {
    display: block
}

.values.svelte-jukner.svelte-jukner.svelte-jukner {
    margin-top: 1rem;
    font-size: .75rem;
    line-height: 1rem
}

.values.svelte-jukner>span.svelte-jukner.svelte-jukner {
    position: relative;
    margin-right: .5rem;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding: .25rem .5rem
}

.values.svelte-jukner>span.svelte-jukner>em.svelte-jukner {
    display: inline-block;
    padding-right: .25rem;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.values.svelte-jukner>span.svelte-jukner>em.svelte-jukner:after {
    content: ":"
}

.values.svelte-jukner>span.svelte-jukner>i.svelte-jukner {
    font-weight: 600;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.values.svelte-jukner>span.svelte-jukner>b.svelte-jukner {
    cursor: pointer;
    border-radius: 9999px
}

.values.svelte-jukner>span.svelte-jukner>b.svelte-jukner svg {
    width: 13px;
    height: 13px;
    fill: #999;
    margin-top: -2px
}

.values.svelte-jukner>span.svelte-jukner>b.svelte-jukner:hover svg {
    fill: #f43f5e
}

.s-red.svelte-1l80lb8.svelte-1l80lb8,
.s-green.svelte-1l80lb8.svelte-1l80lb8,
.s-gray.svelte-1l80lb8.svelte-1l80lb8 {
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.s-red.svelte-1l80lb8.svelte-1l80lb8 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity))
}

.s-green.svelte-1l80lb8.svelte-1l80lb8 {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity))
}

.s-gray.svelte-1l80lb8.svelte-1l80lb8 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

.quick-btns.svelte-1l80lb8.svelte-1l80lb8 {
    margin-left: .75rem;
    margin-right: .75rem
}

.quick-btns.svelte-1l80lb8>span.svelte-1l80lb8 {
    margin: .25rem;
    display: inline-block;
    cursor: pointer;
    border-radius: .25rem;
    border-width: 1px;
    padding: .125rem .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.quick-btns.svelte-1l80lb8>span.active.svelte-1l80lb8 {
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.winlose.svelte-1rw7yrl {
    display: inline-block;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.winlose.lose.svelte-1rw7yrl {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity))
}

.winlose.win.svelte-1rw7yrl {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.flatpickr-input {
    width: 100%
}

.item.svelte-7f9enr.svelte-7f9enr {
    margin-bottom: .75rem;
    display: flex;
    flex-wrap: wrap;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding-bottom: .5rem;
    background-color: #fff
}

.item.svelte-7f9enr em.svelte-7f9enr {
    font-style: normal
}

.item.svelte-7f9enr>div.svelte-7f9enr {
    margin-bottom: .25rem;
    box-sizing: border-box;
    padding: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
    width: 48%;
    margin-right: 2%
}

.adminroot .item.svelte-7f9enr>div.svelte-7f9enr {
    margin-bottom: .25rem;
    box-sizing: border-box;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    padding: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    width: 48%;
    margin-right: 2%
}

.yk.svelte-7f9enr.svelte-7f9enr {
    display: inline-block;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    padding-left: .25rem;
    padding-right: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.yk.yk0.svelte-7f9enr.svelte-7f9enr {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity))
}

.yk.yk1.svelte-7f9enr.svelte-7f9enr {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.table2 td.svelte-7f9enr.svelte-7f9enr,
.table2 th.svelte-7f9enr.svelte-7f9enr {
    min-width: 100px;
    text-align: center
}

.table2 td.svelte-1alh2zt,
.table2 th.svelte-1alh2zt {
    min-width: 15vw;
    text-align: center;
    font-size: 3.8vw
}

.adminroot .table2 td.svelte-1alh2zt,
.adminroot .table2 th.svelte-1alh2zt {
    min-width: 80px;
    text-align: center;
    font-size: inherit
}

.s-red.svelte-1alh2zt,
.s-green.svelte-1alh2zt,
.s-gray.svelte-1alh2zt {
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.s-red.svelte-1alh2zt {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity))
}

.s-green.svelte-1alh2zt {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity))
}

.s-gray.svelte-1alh2zt {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

@media (min-width: 780px) {

    .table2 td.svelte-1alh2zt,
    .table2 th.svelte-1alh2zt {
        min-width: 100px;
        text-align: center;
        font-size: 14px
    }

    .table2 thead th,
    .table2 tbody td {
        padding: 5px 3px
    }
}

.tabs.svelte-wfq4wi {
    display: flex;
    width: 100%;
    justify-content: space-around
}

.tab-item.svelte-wfq4wi {
    color: #0091ff;
    border-color: transparent;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    border-bottom-width: 2px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center
}

.tab-item.svelte-wfq4wi svg {
    height: 1.5rem;
    width: 1.5rem
}

.tab-item.active.svelte-wfq4wi {
    border-color: currentColor
}

.channels.svelte-bpfnpl.svelte-bpfnpl {
    border-radius: 10px;
    overflow: hidden;
    border-color: #089bff;
    position: relative;
    margin-bottom: 1rem;
    border-width: 1px;
    padding: 2.75rem .5rem .5rem
}

.channels.svelte-bpfnpl h4.svelte-bpfnpl {
    background-image: linear-gradient(180deg, #16d6ff, #0284ff);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.tip1.svelte-bpfnpl.svelte-bpfnpl {
    font-size: 17px;
    background: #ecfcff;
    padding: 10px;
    border-radius: 5px
}

.tip1.svelte-bpfnpl span.svelte-bpfnpl {
    color: red
}

.tip2.svelte-bpfnpl.svelte-bpfnpl {
    margin: 10px 0;
    font-size: 17px;
    padding: 10px;
    border-radius: 5px;
    background: #fff4ec;
    color: #8876f2
}

.tip2.svelte-bpfnpl span.svelte-bpfnpl {
    color: red
}

.field.svelte-bpfnpl.svelte-bpfnpl {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.field.svelte-bpfnpl input.svelte-bpfnpl {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding: .5rem;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.check-tabs.svelte-e524y8.svelte-e524y8 {
    display: inline-block
}

.check-tabs.svelte-e524y8 span.svelte-e524y8 {
    margin-right: .5rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

.check-tabs.svelte-e524y8 span.svelte-e524y8 svg {
    width: 26px;
    height: 26px;
    fill: #d1d5db
}

.check-tabs.svelte-e524y8 span.active.svelte-e524y8 svg {
    fill: var(--blue)
}

.tip1.svelte-1kvldlr.svelte-1kvldlr {
    font-size: 15px;
    background: #ecfcff;
    padding: 10px;
    margin: 10px;
    border-radius: 5px
}

.tip1.svelte-1kvldlr>div.svelte-1kvldlr {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.tip1.svelte-1kvldlr span.svelte-1kvldlr {
    color: red
}

.field.svelte-1kvldlr.svelte-1kvldlr {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.field.svelte-1kvldlr input.svelte-1kvldlr {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding: .5rem;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.rol-status-1.svelte-r3iso3,
.rol-status-2.svelte-r3iso3,
.rol-status-3.svelte-r3iso3,
.rol-status-4.svelte-r3iso3 {
    border-radius: .5rem;
    padding: .25rem .5rem
}

.rol-status-1.svelte-r3iso3 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.rol-status-2.svelte-r3iso3 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity))
}

.rol-status-3.svelte-r3iso3 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity))
}

.rol-status-4.svelte-r3iso3 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.wol-status-1.svelte-vaxwfz,
.wol-status-3.svelte-vaxwfz,
.wol-status-4.svelte-vaxwfz {
    border-radius: .5rem;
    padding: .25rem .5rem
}

.wol-status-1.svelte-vaxwfz {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity))
}

.wol-status-3.svelte-vaxwfz {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity))
}

.wol-status-4.svelte-vaxwfz {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

page.svelte-1nlsccr {
    padding: 0 15px 10px;
    display: block
}

create-link.svelte-1miy4ml.svelte-1miy4ml {
    --borderFocusColor: var(--primary-color);
    --borderHoverColor: var(--primary-color);
    --itemHoverBG: var(--primary-light-color);
    --itemIsActiveBG: var(--primary-color);
    display: block;
    padding-top: .75rem;
    padding-bottom: .75rem
}

field.svelte-1miy4ml.svelte-1miy4ml {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center
}

field-label.svelte-1miy4ml.svelte-1miy4ml {
    color: #606266;
    display: inline-block;
    width: 9rem;
    text-align: right
}

field-control.svelte-1miy4ml.svelte-1miy4ml {
    margin-left: 1rem;
    display: inline-block;
    width: 15rem
}

field-control.svelte-1miy4ml input[type=text].svelte-1miy4ml {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #d8dbdf;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

field-control.svelte-1miy4ml input[type=text].svelte-1miy4ml:hover,
field-control.svelte-1miy4ml input[type=text].svelte-1miy4ml:focus {
    border: 1px solid var(--primary-color)
}

actions.svelte-1miy4ml.svelte-1miy4ml {
    display: block;
    padding-left: 10rem
}

actions.svelte-1miy4ml button.svelte-1miy4ml {
    background: var(--primary-color);
    color: #fff;
    height: 2.5rem;
    width: 9rem;
    border-radius: .25rem;
    text-align: center;
    font-size: 1rem;
    line-height: 2.5rem
}

actions.svelte-1miy4ml button.svelte-1miy4ml:hover {
    opacity: .8
}

link-list.svelte-1oc6dx4.svelte-1oc6dx4 {
    display: block;
    padding-top: .75rem;
    padding-bottom: .75rem
}

actions.svelte-1oc6dx4 button.svelte-1oc6dx4 {
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    border-radius: .25rem;
    border-width: 1px;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: var(--primary-color);
    font-weight: 500;
    padding: 7px 20px;
    line-height: 1
}

actions.svelte-1oc6dx4 button.svelte-1oc6dx4:hover {
    opacity: .8
}

.user-link.svelte-1575xif {
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity))
}

.edit-member-dialog.svelte-106krcq .form-input.svelte-106krcq,
.edit-member-dialog.svelte-106krcq .form-select.svelte-106krcq {
    background-color: #f1f1f1
}

.flatpickr-input {
    width: 100%;
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center
}

.table2 td.svelte-1rwn30j,
.table2 th.svelte-1rwn30j {
    min-width: 100px;
    text-align: center
}

grzl.svelte-13mnker.svelte-13mnker {
    margin: 1rem;
    display: flex;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

avatar.svelte-13mnker.svelte-13mnker {
    width: 200px;
    display: block;
    padding: .75rem
}

avatar.svelte-13mnker img.svelte-13mnker {
    max-height: 120px;
    margin-left: auto;
    margin-right: auto
}

avatar.svelte-13mnker span.svelte-13mnker {
    margin-top: .75rem;
    display: block;
    text-align: center
}

x-info.svelte-13mnker.svelte-13mnker {
    display: block;
    flex: 1 1 0%
}

x-line.svelte-13mnker.svelte-13mnker {
    line-height: 3rem;
    display: flex;
    height: 3rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

t.svelte-13mnker.svelte-13mnker {
    display: block;
    width: 7rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    padding-left: .75rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

v.svelte-13mnker.svelte-13mnker {
    display: flex;
    flex: 1 1 0%;
    padding-left: .75rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.editbtn.svelte-13mnker.svelte-13mnker {
    color: var(--primary-color);
    margin-left: .5rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem
}

.editbtn.svelte-13mnker svg {
    fill: var(--primary-color);
    width: 16px;
    height: 16px
}

yhk.svelte-177vjon.svelte-177vjon,
card-manage.svelte-177vjon.svelte-177vjon,
cards.svelte-177vjon.svelte-177vjon {
    display: block
}

yhk.svelte-177vjon.svelte-177vjon {
    padding: 1.25rem
}

tips.svelte-177vjon.svelte-177vjon {
    display: block;
    border-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding: 1.5rem
}

tips.svelte-177vjon.svelte-177vjon:after {
    content: "";
    clear: both;
    display: block
}

tip.svelte-177vjon.svelte-177vjon {
    border-color: var(--primary-color);
    border-left-width: 2px;
    float: left;
    margin-bottom: 1.25rem;
    box-sizing: border-box;
    width: 33.333333%;
    padding-left: .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

tip.svelte-177vjon strong.svelte-177vjon {
    color: #da323a;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400
}

card-manage.svelte-177vjon.svelte-177vjon {
    margin: 1.25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

cards.svelte-177vjon.svelte-177vjon {
    display: flex
}

bank-card.svelte-177vjon.svelte-177vjon {
    width: 320px;
    background-color: #4886ec;
    position: relative;
    margin-right: .5rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    border-radius: .25rem;
    padding: 1rem 1rem 4rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

add-bank-card.svelte-177vjon.svelte-177vjon {
    height: 144px;
    width: 320px;
    border-color: #4886ec;
    margin-right: .5rem;
    box-sizing: border-box;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-around;
    border-radius: .25rem;
    border-width: 1px;
    border-style: dotted;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

add-bank-card.svelte-177vjon.svelte-177vjon:hover {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

add-bank-card.svelte-177vjon div.svelte-177vjon {
    display: flex
}

add-bank-card.svelte-177vjon div.svelte-177vjon svg {
    fill: currentColor;
    margin-right: .25rem
}

bank-card.svelte-177vjon>.svelte-177vjon {
    margin-bottom: .75rem;
    box-sizing: border-box;
    width: 50%
}

bank-card.svelte-177vjon foot.svelte-177vjon {
    background-color: #2962a7;
    height: 36px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin-bottom: 0;
    width: 100%;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    padding: .5rem 1rem
}

page.svelte-1nlsccr {
    padding: 0 15px 10px;
    display: block
}

.user-center.svelte-1kqumku.svelte-1kqumku {
    background-color: #fff;
    top: 50%;
    left: 50%;
    width: 1300px;
    height: 840px;
    transform: translate(-50%, -50%);
    -webkit-animation: svelte-1kqumku-show-win .2s ease;
    animation: svelte-1kqumku-show-win .2s ease;
    transition: all .2s ease-in-out;
    box-shadow: 1px 1px 15px #0000004d;
    position: fixed;
    z-index: 10;
    display: block;
    overflow: hidden;
    border-radius: .125rem
}

.user-center.max.svelte-1kqumku.svelte-1kqumku {
    width: 100%;
    height: 100%;
    max-height: unset
}

.user-center.min.svelte-1kqumku.svelte-1kqumku {
    left: 5px;
    bottom: 10px;
    top: unset;
    height: 40px;
    width: 250px;
    transform: none
}

dialog-title.svelte-1kqumku.svelte-1kqumku {
    height: 43px;
    line-height: 43px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    display: flex
}

dialog-title.svelte-1kqumku h4.svelte-1kqumku {
    font-size: 18px;
    flex: 1 1 0%;
    padding-left: 1rem;
    font-weight: 700
}

dialog-title.svelte-1kqumku buttons.svelte-1kqumku {
    padding-right: .5rem
}

dialog-title.svelte-1kqumku buttons.svelte-1kqumku svg {
    width: 20px;
    height: 20px
}

dialog-title.svelte-1kqumku button.svelte-1kqumku {
    margin-left: .5rem;
    margin-right: .5rem
}

@-webkit-keyframes svelte-1kqumku-show-win {
    0% {
        transform: scale(0) translate(-50%, -50%);
        top: 0%;
        left: 0%
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

@keyframes svelte-1kqumku-show-win {
    0% {
        transform: scale(0) translate(-50%, -50%);
        top: 0%;
        left: 0%
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

dialog-body.svelte-1kqumku.svelte-1kqumku {
    display: flex;
    height: 100%
}

dialog-body.svelte-1kqumku left.svelte-1kqumku {
    width: 200px;
    border-right: 1px solid #e0e1e7;
    display: block;
    height: 100%
}

group-title.svelte-1kqumku.svelte-1kqumku {
    height: 50px;
    line-height: 30px;
    border-color: #e0e1e7;
    padding: 10px 14px;
    display: block;
    border-bottom-width: 1px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700
}

group-item.svelte-1kqumku.svelte-1kqumku {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e0e1e7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    padding: 0 20px;
    cursor: pointer
}

group-item.svelte-1kqumku svg {
    width: 18px;
    height: 18px
}

group-item.svelte-1kqumku.svelte-1kqumku:hover,
group-item.on.svelte-1kqumku.svelte-1kqumku {
    background-color: var(--primary-hover-color);
    color: #fff
}

group-item.svelte-1kqumku:hover svg,
group-item.on.svelte-1kqumku svg {
    fill: #fff
}

dialog-body.svelte-1kqumku right.svelte-1kqumku {
    display: block;
    height: 100%;
    flex: 1 1 0%;
    overflow: auto
}

.nav.svelte-fszuxs.svelte-fszuxs {
    background-color: #1f9683;
    display: flex;
    height: 3.5rem;
    width: 100%;
    justify-content: space-around;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.item.svelte-fszuxs.svelte-fszuxs {
    cursor: pointer;
    padding-top: .375rem;
    text-align: center
}

.item.svelte-fszuxs svg {
    fill: #fff
}

.item.svelte-fszuxs>h4.svelte-fszuxs {
    margin-top: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400
}

.active.svelte-fszuxs.svelte-fszuxs {
    color: #fce210
}

.item.active.svelte-fszuxs svg {
    fill: #fce210
}

.page-root.svelte-15iann9 {
    max-width: 900px;
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.title1 {
    color: #ff5151;
    display: flex;
    align-items: center;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.title1>i {
    margin-right: .25rem;
    font-size: 1.875rem;
    line-height: 2.25rem
}

.title1>span {
    flex: 1 1 0%
}

.title1>em {
    font-style: normal
}

.title1>em>i {
    font-size: 1.5rem;
    line-height: 2rem
}

.c4-btns {
    color: #777d83;
    display: flex;
    flex-wrap: wrap
}

.c4-btns>div {
    width: 50%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center
}

.c4-btns>div>img {
    width: 45vw;
    margin-left: auto;
    margin-right: auto
}

.root.svelte-1lgnr7u.svelte-1lgnr7u.svelte-1lgnr7u {
    display: flex;
    height: 100%;
    flex-direction: column;
    background-color: #e6e6e6
}

.head.svelte-1lgnr7u.svelte-1lgnr7u.svelte-1lgnr7u {
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    height: 12.5333333333vw;
    background: var(--blue)
}

.head.svelte-1lgnr7u .logo.svelte-1lgnr7u.svelte-1lgnr7u {
    flex: 1 1 0%
}

.head.svelte-1lgnr7u .logo img.svelte-1lgnr7u.svelte-1lgnr7u {
    height: 10vw
}

.head.svelte-1lgnr7u .right.svelte-1lgnr7u.svelte-1lgnr7u {
    cursor: pointer
}

.body.svelte-1lgnr7u.svelte-1lgnr7u.svelte-1lgnr7u {
    flex: 1 1 0%;
    overflow-y: auto
}

.four-btn.svelte-1lgnr7u.svelte-1lgnr7u.svelte-1lgnr7u {
    display: flex;
    justify-content: space-around
}

.four-btn.svelte-1lgnr7u>div.svelte-1lgnr7u.svelte-1lgnr7u {
    text-align: center
}

.four-btn.svelte-1lgnr7u em.svelte-1lgnr7u.svelte-1lgnr7u {
    display: inline-block;
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding-top: .25rem;
    line-height: 2.25rem
}

.four-btn.svelte-1lgnr7u svg {
    height: 1.75rem;
    width: 1.75rem;
    fill: #fff
}

.four-btn.svelte-1lgnr7u>div.svelte-1lgnr7u>span.svelte-1lgnr7u {
    font-size: 3.3vw;
    margin-top: 5px;
    display: block
}

.sysmsgcnt.svelte-1lgnr7u.svelte-1lgnr7u.svelte-1lgnr7u {
    min-height: 50vh;
    max-height: 70vh
}

.head.svelte-1qzph6r.svelte-1qzph6r {
    background-color: var(--blue);
    display: flex;
    height: 3rem;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.head.svelte-1qzph6r .left.svelte-1qzph6r {
    position: absolute;
    left: .5rem
}

.head.svelte-1qzph6r svg {
    width: 5vw;
    height: 5vw;
    fill: currentColor
}

.head.svelte-1qzph6r .left.svelte-1qzph6r,
.head.svelte-1qzph6r .right.svelte-1qzph6r {
    display: flex;
    align-items: center
}

.head.svelte-1qzph6r .title.svelte-1qzph6r {
    font-size: 4.36vw;
    flex: 1 1 0%;
    text-align: center
}

.head.svelte-1qzph6r .right.svelte-1qzph6r {
    font-size: 4.36vw;
    position: absolute;
    right: 1rem;
    cursor: pointer
}

.swipeable-tabs.svelte-ixmk1g {
    display: flex;
    height: 100%;
    flex: 1 1 0%;
    flex-direction: column
}

.hdwrap.svelte-ixmk1g::-webkit-scrollbar {
    display: none
}

.hd.svelte-ixmk1g {
    display: flex;
    width: 100%;
    justify-content: space-around;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.adminroot .hd.svelte-ixmk1g {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.tab-item.svelte-ixmk1g {
    color: #000;
    border-color: transparent;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    border-bottom-width: 2px;
    padding-top: .75rem;
    padding-bottom: .75rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem
}

.adminroot .tab-item.svelte-ixmk1g {
    color: #000
}

.tab-item.svelte-ixmk1g svg {
    height: 1.5rem;
    width: 1.5rem
}

.tab-item.active.svelte-ixmk1g,
.adminroot .tab-item.active.svelte-ixmk1g {
    border-color: currentColor;
    color: var(--blue)
}

.content.svelte-ixmk1g {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    overflow: auto
}

.adminroot .content.svelte-ixmk1g {
    background: inherit;
    color: inherit
}

.panel.svelte-ixmk1g {
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    flex: 1 1 0%;
    flex-direction: column;
    overflow: hidden;
    padding: .5rem
}

.recharge-withdraw.svelte-sqx7yy {
    display: flex;
    height: 100%;
    flex-direction: column
}

.st.svelte-1p0amlt.svelte-1p0amlt {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: flex;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.st.svelte-1p0amlt>.svelte-1p0amlt {
    margin-left: .25rem;
    margin-right: .25rem;
    flex: 1 1 0%;
    text-align: center
}

.tab.svelte-1p0amlt>.svelte-1p0amlt {
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.tab.svelte-1p0amlt>*.on.svelte-1p0amlt {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background-color: #e1410f
}

.cb.svelte-1p0amlt>.svelte-1p0amlt {
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.cb.svelte-1p0amlt>*.on.svelte-1p0amlt {
    border-color: #e1410f
}

records.svelte-16zjdou.svelte-16zjdou {
    display: flex;
    flex-direction: column
}

vrecord.svelte-16zjdou.svelte-16zjdou {
    border-color: #d4d4d4;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    border-bottom-width: 1px;
    padding-top: .25rem;
    padding-bottom: .25rem;
    line-height: 1.25rem
}

period.svelte-16zjdou.svelte-16zjdou {
    color: #666;
    margin-right: 2px;
    font-size: 3.1vw
}

ball.svelte-16zjdou.svelte-16zjdou {
    background: var(--primary-linear-gradient);
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    text-shadow: 1px 1px 1px #2d2c2c;
    margin-top: 8px;
    margin-bottom: 8px;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

pcball.svelte-16zjdou.svelte-16zjdou {
    margin-right: 1px;
    background: linear-gradient(0deg, #72368f, #9550b6 35%, #b86add);
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

pcball.sum.svelte-16zjdou.svelte-16zjdou {
    background: radial-gradient(circle, #fa7476, #f44040, #ee0b0b)
}

num.svelte-16zjdou.svelte-16zjdou {
    width: 5.7vw;
    height: 5.7vw;
    line-height: 5.7vw;
    font-size: 4.3vw;
    margin-top: 8px;
    margin-bottom: 8px;
    display: inline-block;
    border-radius: .25rem;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

num.num1.svelte-16zjdou.svelte-16zjdou,
num.num.num1.svelte-16zjdou.svelte-16zjdou {
    background-color: #ffbe00
}

num.num2.svelte-16zjdou.svelte-16zjdou,
num.num.num2.svelte-16zjdou.svelte-16zjdou {
    background-color: #0089ff
}

num.num3.svelte-16zjdou.svelte-16zjdou,
num.num.num3.svelte-16zjdou.svelte-16zjdou {
    background-color: #4d4d4d
}

num.num4.svelte-16zjdou.svelte-16zjdou,
num.num.num4.svelte-16zjdou.svelte-16zjdou {
    background-color: #ff7300
}

num.num5.svelte-16zjdou.svelte-16zjdou,
num.num.num5.svelte-16zjdou.svelte-16zjdou {
    background-color: #2bcccc
}

num.num6.svelte-16zjdou.svelte-16zjdou,
num.num.num6.svelte-16zjdou.svelte-16zjdou {
    background-color: #7f52de
}

num.num7.svelte-16zjdou.svelte-16zjdou,
num.num.num7.svelte-16zjdou.svelte-16zjdou {
    background-color: #9a9999
}

num.num8.svelte-16zjdou.svelte-16zjdou,
num.num.num8.svelte-16zjdou.svelte-16zjdou {
    background-color: #ec4949
}

num.num9.svelte-16zjdou.svelte-16zjdou,
num.num.num9.svelte-16zjdou.svelte-16zjdou {
    background-color: #ad5353
}

num.num10.svelte-16zjdou.svelte-16zjdou,
num.num.num10.svelte-16zjdou.svelte-16zjdou {
    background-color: #35ad2b
}

num.num1.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 0
}

num.num2.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -6vw
}

num.num3.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -12vw
}

num.num4.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -45vw
}

num.num5.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -24vw
}

num.num6.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -30vw
}

num.num7.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -36vw
}

num.num8.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -42vw
}

num.num9.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -48vw
}

num.num10.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -54vw
}

.ds_s.svelte-16zjdou.svelte-16zjdou,
.ds_d.svelte-16zjdou.svelte-16zjdou,
.ds_h.svelte-16zjdou.svelte-16zjdou,
.dx_d.svelte-16zjdou.svelte-16zjdou,
.dx_x.svelte-16zjdou.svelte-16zjdou,
.dx_h.svelte-16zjdou.svelte-16zjdou,
.lh_l.svelte-16zjdou.svelte-16zjdou,
.lh_h.svelte-16zjdou.svelte-16zjdou {
    width: 6vw;
    height: 6vw;
    display: inline-block;
    line-height: 6vw;
    border-radius: 4px;
    background: linear-gradient(0deg, #1165a0, #1c7abd 35%, #34a4f5);
    color: #fff;
    text-align: center;
    font-size: 3.5vw;
    text-shadow: 1px 1px 1px #2d2c2c;
    margin-top: 8px;
    margin-bottom: 8px
}

.ds_d.svelte-16zjdou.svelte-16zjdou,
.dx_d.svelte-16zjdou.svelte-16zjdou,
.lh_l.svelte-16zjdou.svelte-16zjdou {
    background: linear-gradient(180deg, #c66, #b34747)
}

.dx_h.svelte-16zjdou.svelte-16zjdou,
.ds_h.svelte-16zjdou.svelte-16zjdou {
    background: linear-gradient(180deg, #aaa, #777)
}

.ftr1.svelte-16zjdou.svelte-16zjdou {
    font-size: 12px;
    margin-top: -5px;
    text-align: center
}

.ftr2.svelte-16zjdou.svelte-16zjdou {
    font-weight: 700;
    font-size: 16px;
    color: #e45858
}

.result-table.svelte-16zjdou.svelte-16zjdou {
    border-collapse: collapse
}

.result-table.svelte-16zjdou th.svelte-16zjdou {
    background-color: #dedcda;
    color: #444;
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px #c7c7c7 solid;
    font-weight: 400
}

.result-table.svelte-16zjdou td.svelte-16zjdou {
    text-align: center;
    background-color: #f6f7fb;
    border: 1px #e0e1e7 solid
}

.t_hm.svelte-16zjdou.svelte-16zjdou,
.t_ds.svelte-16zjdou.svelte-16zjdou,
.t_dx.svelte-16zjdou.svelte-16zjdou,
.t_lh.svelte-16zjdou.svelte-16zjdou {
    display: none
}

tbody.hm.svelte-16zjdou .t_hm.svelte-16zjdou,
tbody.dx.svelte-16zjdou .t_dx.svelte-16zjdou,
tbody.ds.svelte-16zjdou .t_ds.svelte-16zjdou,
tbody.lh.svelte-16zjdou .t_lh.svelte-16zjdou {
    display: table-row
}

.fil.fx_0.svelte-16zjdou .num0.svelte-16zjdou,
.fil.fx_1.svelte-16zjdou .num1.svelte-16zjdou,
.fil.fx_2.svelte-16zjdou .num2.svelte-16zjdou,
.fil.fx_3.svelte-16zjdou .num3.svelte-16zjdou,
.fil.fx_4.svelte-16zjdou .num4.svelte-16zjdou,
.fil.fx_5.svelte-16zjdou .num5.svelte-16zjdou,
.fil.fx_6.svelte-16zjdou .num6.svelte-16zjdou,
.fil.fx_7.svelte-16zjdou .num7.svelte-16zjdou,
.fil.fx_8.svelte-16zjdou .num8.svelte-16zjdou,
.fil.fx_9.svelte-16zjdou .num9.svelte-16zjdou,
.fil.fx_10.svelte-16zjdou .num10.svelte-16zjdou,
.fil.f_da.svelte-16zjdou .num.svelte-16zjdou:not(.num_dx_d),
.fil.f_xiao.svelte-16zjdou .num.svelte-16zjdou:not(.num_dx_x),
.fil.f_dan.svelte-16zjdou .num.svelte-16zjdou:not(.num_ds_d),
.fil.f_shuang.svelte-16zjdou .num.svelte-16zjdou:not(.num_ds_s),
.fil.f_long.svelte-16zjdou .num.svelte-16zjdou:not(.num_lh_l),
.fil.f_hu.svelte-16zjdou .num.svelte-16zjdou:not(.num_lh_h) {
    text-shadow: none;
    opacity: .15
}

dice.svelte-16zjdou.svelte-16zjdou {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 8px;
    background: url(../../../assets/images/dice.png);
    background-size: 100%;
    text-indent: -10000px
}

.dice2.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -28px
}

.dice3.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -56px
}

.dice4.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -84px
}

.dice5.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -112px
}

.dice6.svelte-16zjdou.svelte-16zjdou {
    background-position: 0 -140px
}

.sixresitem.svelte-16zjdou.svelte-16zjdou {
    margin: 0 1vw;
    padding: 0 .6vw;
    display: inline-block;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.sixresitem.svelte-16zjdou em.svelte-16zjdou {
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.sixn.svelte-16zjdou.svelte-16zjdou {
    background: linear-gradient(180deg, #3273f9, #325cb5);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sixn.hong.svelte-16zjdou.svelte-16zjdou {
    background: linear-gradient(180deg, #ff6363, #b32525)
}

.sixn.lv.svelte-16zjdou.svelte-16zjdou {
    background: linear-gradient(180deg, #16c309, #1c8215)
}

.klbnum.svelte-16zjdou.svelte-16zjdou {
    background: linear-gradient(180deg, #3273f9, #325cb5);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

resultpanel.svelte-1gwegda {
    display: flex;
    height: 100%;
    flex-direction: column
}

hd.svelte-1gwegda {
    background: #e0e0ea
}

bd.svelte-1gwegda {
    background-color: #f6f7fb;
    margin-bottom: 1rem;
    display: block;
    flex: 1 1 0%;
    overflow: auto
}

prev.svelte-2und86.svelte-2und86.svelte-2und86 {
    border-top-left-radius: 5.3333vw;
    border-top-right-radius: 5.3333vw
}

gametime.svelte-2und86.svelte-2und86.svelte-2und86,
prev.svelte-2und86.svelte-2und86.svelte-2und86 {
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: .5rem
}

gametime.svelte-2und86.svelte-2und86.svelte-2und86 {
    position: relative
}

periodnum.svelte-2und86.svelte-2und86.svelte-2und86 {
    margin-right: .5rem;
    font-weight: 700;
    color: #565d64;
    font-size: 4.3vw
}

.result-wrap.svelte-2und86.svelte-2und86.svelte-2und86 {
    display: flex;
    align-items: center
}

.result.svelte-2und86.svelte-2und86.svelte-2und86 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.result-pk10ft-wrap.svelte-2und86.svelte-2und86.svelte-2und86,
.result-sscft-wrap.svelte-2und86.svelte-2und86.svelte-2und86 {
    flex-direction: column;
    align-items: flex-start
}

.result-pk10ft.svelte-2und86.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86.svelte-2und86.svelte-2und86 {
    width: 75vw;
    display: flex;
    justify-content: space-evenly
}

.result-pk10ft.svelte-2und86>span.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.svelte-2und86.svelte-2und86 {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 4px;
    margin-top: .5rem;
    display: inline-block;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
    text-align: center;
    font-weight: 700;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.result-pk10ft.svelte-2und86>span.num1.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num1.svelte-2und86.svelte-2und86 {
    background-color: #ffbe00
}

.result-pk10ft.svelte-2und86>span.num2.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num2.svelte-2und86.svelte-2und86 {
    background-color: #0089ff
}

.result-pk10ft.svelte-2und86>span.num3.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num3.svelte-2und86.svelte-2und86 {
    background-color: #4d4d4d
}

.result-pk10ft.svelte-2und86>span.num4.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num4.svelte-2und86.svelte-2und86 {
    background-color: #ff7300
}

.result-pk10ft.svelte-2und86>span.num5.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num5.svelte-2und86.svelte-2und86 {
    background-color: #2bcccc
}

.result-pk10ft.svelte-2und86>span.num6.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num6.svelte-2und86.svelte-2und86 {
    background-color: #7f52de
}

.result-pk10ft.svelte-2und86>span.num7.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num7.svelte-2und86.svelte-2und86 {
    background-color: #9a9999
}

.result-pk10ft.svelte-2und86>span.num8.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num8.svelte-2und86.svelte-2und86 {
    background-color: #ec4949
}

.result-pk10ft.svelte-2und86>span.num9.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num9.svelte-2und86.svelte-2und86 {
    background-color: #ad5353
}

.result-pk10ft.svelte-2und86>span.num10.svelte-2und86.svelte-2und86,
.result-pk10.svelte-2und86>span.num10.svelte-2und86.svelte-2und86 {
    background-color: #35ad2b
}

.result-ext-pk10ft.svelte-2und86.svelte-2und86.svelte-2und86 {
    display: flex;
    width: 100%;
    justify-content: space-around
}

.result-ext-pk10ft.svelte-2und86>span.svelte-2und86>i.svelte-2und86,
.result-ext-sscft.svelte-2und86>span.svelte-2und86>i.svelte-2und86 {
    width: 7px;
    height: 7px;
    background-color: #333;
    margin-right: 2px;
    display: inline-block;
    border-radius: 9999px
}

.result-ssc.svelte-2und86>span.svelte-2und86.svelte-2und86,
.result-sscft.svelte-2und86>span.svelte-2und86.svelte-2und86 {
    margin-right: 4px;
    background: linear-gradient(0deg, #1165a0, #1c7abd 35%, #34a4f5);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.result-pc28.svelte-2und86>.ball.svelte-2und86>span.svelte-2und86 {
    margin-right: 1px;
    background: linear-gradient(0deg, #72368f, #9550b6 35%, #b86add);
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-shadow: 1px 1px 1px #2d2c2c;
    box-shadow: 0 3px 1px #bbb59c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.result-pc28.svelte-2und86>.ball.svelte-2und86>span.sum.svelte-2und86 {
    background: radial-gradient(circle, #fa7476, #f44040, #ee0b0b)
}

.result-pc28.svelte-2und86.svelte-2und86.svelte-2und86 {
    display: flex;
    align-items: center
}

.result-ext-pc28.svelte-2und86.svelte-2und86.svelte-2und86 {
    margin-left: .5rem
}

.extra-item.svelte-2und86.svelte-2und86.svelte-2und86 {
    border: 1px solid #b5b5b5;
    font-weight: 700;
    display: inline-block;
    box-sizing: content-box;
    padding: 0 3px;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
    margin-right: 4px;
    min-width: 22px;
    color: #333
}

.buttons.svelte-2und86.svelte-2und86.svelte-2und86 {
    border-top: 1px #cccccc solid;
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%;
    justify-content: space-around;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.buttons.svelte-2und86>div.svelte-2und86.svelte-2und86 {
    display: flex;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.buttons.svelte-2und86>div.svelte-2und86>span.svelte-2und86 {
    margin-left: .125rem;
    display: inline-block
}

.areatabs.svelte-2und86.svelte-2und86.svelte-2und86 {
    display: flex;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    background-image: linear-gradient(90deg, #faeed3, #dfbb91);
    border-top-right-radius: 5.3333vw;
    border-top-left-radius: 5.3333vw
}

.areatabs.svelte-2und86 span.svelte-2und86.svelte-2und86 {
    position: relative;
    display: block;
    flex: 1 1 0%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center;
    font-weight: 700;
    color: #a27042
}

.areatabs.svelte-2und86 span.active.svelte-2und86.svelte-2und86:after {
    content: "x";
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    background-color: #542f15;
    left: 50%;
    width: 80px;
    height: 2px;
    margin-left: -40px
}

.areatabs.svelte-2und86 span.active.svelte-2und86.svelte-2und86 {
    color: #542f15
}

.xiala.svelte-2und86.svelte-2und86.svelte-2und86 {
    position: absolute;
    right: 1rem
}

.xiala.svelte-2und86 svg {
    width: 15px;
    height: 15px;
    fill: #4886ec
}

.history-list.svelte-2und86.svelte-2und86.svelte-2und86 {
    margin-top: 6px;
    z-index: 25000;
    bottom: 0;
    top: 175px;
    background-color: #fff;
    position: fixed;
    width: 100%
}

.game-pk10ft .history-list.svelte-2und86.svelte-2und86.svelte-2und86,
.game-sscft .history-list.svelte-2und86.svelte-2und86.svelte-2und86 {
    top: 200px
}

.result-k3.svelte-2und86>span.svelte-2und86.svelte-2und86 {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 8px;
    background: url(../../../assets/images/dice.png);
    background-size: 100%;
    text-indent: -10000px
}

.result-k3.svelte-2und86 .num2.svelte-2und86.svelte-2und86 {
    background-position: 0 -28px
}

.result-k3.svelte-2und86 .num3.svelte-2und86.svelte-2und86 {
    background-position: 0 -56px
}

.result-k3.svelte-2und86 .num4.svelte-2und86.svelte-2und86 {
    background-position: 0 -84px
}

.result-k3.svelte-2und86 .num5.svelte-2und86.svelte-2und86 {
    background-position: 0 -112px
}

.result-k3.svelte-2und86 .num6.svelte-2und86.svelte-2und86 {
    background-position: 0 -140px
}

.klbnum.svelte-2und86.svelte-2und86.svelte-2und86 {
    background: linear-gradient(180deg, #3273f9, #325cb5);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.touch-date-wrapper.svelte-ghrtuq.svelte-ghrtuq {
    position: relative;
    height: 50px;
    margin: 0 10px;
    border-top: 1px solid var(--svtd-bar-color, grey);
    border-bottom: 1px solid var(--svtd-bar-color, grey);
    border-radius: 0
}

.touch-date-container.svelte-ghrtuq.svelte-ghrtuq {
    margin: 0;
    padding: 0
}

.touch-date-wrapper.svelte-ghrtuq.svelte-ghrtuq:before,
.touch-date-wrapper.svelte-ghrtuq.svelte-ghrtuq:after {
    content: "";
    position: absolute;
    left: 0;
    width: 80px;
    height: 50px;
    background-color: #fff;
    opacity: .8;
    pointer-events: none;
    z-index: 1
}

.touch-date-wrapper.svelte-ghrtuq.svelte-ghrtuq:before {
    top: -51px
}

.touch-date-wrapper.svelte-ghrtuq.svelte-ghrtuq:after {
    bottom: -51px
}

.touch-date-container.svelte-ghrtuq li.svelte-ghrtuq {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    overflow: hidden
}

.touch-date-popup.svelte-1k8oc62.svelte-1k8oc62 {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    touch-action: pan-down
}

.touch-date-popup.svelte-1k8oc62>div.svelte-1k8oc62 {
    background: var(--svtd-popup-bg-color, white);
    color: var(--svtd-popup-color, black);
    margin-top: 25vh;
    width: 85%;
    margin-left: 7%;
    border-radius: var(--svtd-popup-radius, 10px)
}

.touch-date-wrapper.svelte-1k8oc62.svelte-1k8oc62 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: var(--svtd-font-size, 20px);
    padding: 10vw
}

.touch-date-picker.svelte-1k8oc62.svelte-1k8oc62 {
    display: flex;
    padding: 50px 20px;
    margin: 10px 0;
    overflow: hidden
}

.touch-date-reset.svelte-1k8oc62>button.svelte-1k8oc62 {
    width: 100px;
    height: 30px;
    border-radius: 15px;
    border: var(--svtd-border, 1px solid grey);
    outline: none;
    color: var(--svtd-button-color, black);
    background-color: var(--svtd-button-bg-color, transparent);
    box-shadow: var(--svtd-button-box-shadow, none);
    font-weight: 300
}

.touch-date-reset.svelte-1k8oc62 button.svelte-1k8oc62:active {
    transform: scale(.95)
}

.date-line.svelte-1k8oc62.svelte-1k8oc62 {
    font-size: 30px;
    font-weight: 300
}

.day-line.svelte-1k8oc62.svelte-1k8oc62 {
    margin: 2px
}

.result-item.svelte-xblem8.svelte-xblem8 {
    display: flex;
    height: 100%;
    flex-direction: column
}

.head.svelte-xblem8.svelte-xblem8 {
    background-color: var(--blue);
    height: 12.5vw;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.head.svelte-xblem8 .left.svelte-xblem8 {
    position: absolute;
    left: .5rem
}

.head.svelte-xblem8 svg {
    width: 5vw;
    height: 5vw;
    fill: currentColor
}

.head.svelte-xblem8 .left.svelte-xblem8,
.head.svelte-xblem8 .right.svelte-xblem8 {
    display: flex;
    align-items: center
}

.head.svelte-xblem8 .title.svelte-xblem8 {
    font-size: 4.16vw;
    flex: 1 1 0%;
    text-align: center
}

.head.svelte-xblem8 .right.svelte-xblem8 {
    font-size: 4.36vw;
    position: absolute;
    right: 1rem;
    cursor: pointer
}

.service.svelte-151mw4c.svelte-151mw4c {
    text-align: left;
    display: flex;
    height: 100%;
    flex-direction: column
}

.bd.svelte-151mw4c.svelte-151mw4c {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.bd.svelte-151mw4c .msgs.svelte-151mw4c {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    flex: 1 1 0%;
    overflow: auto;
    padding: .5rem 1rem
}

.avatar.svelte-151mw4c.svelte-151mw4c {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253 / var(--tw-bg-opacity));
    padding: .25rem;
    width: 38px;
    height: 38px;
    right: 0
}

.msg.recv.svelte-151mw4c .avatar.svelte-151mw4c {
    left: 0
}

.avatar.svelte-151mw4c svg {
    width: 30px;
    height: 30px
}

.msg.svelte-151mw4c.svelte-151mw4c {
    position: relative;
    margin-top: 1.75rem;
    text-align: right
}

.msg.recv.svelte-151mw4c.svelte-151mw4c {
    padding-right: 0;
    padding-left: 45px
}

.msg.svelte-151mw4c .time.svelte-151mw4c {
    top: -18px;
    right: 10px;
    font-size: 12px;
    position: absolute
}

.msg.recv.svelte-151mw4c .time.svelte-151mw4c {
    left: 50px
}

.msg.svelte-151mw4c .wrap span.svelte-151mw4c {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

.msg.svelte-151mw4c .wrap.svelte-151mw4c {
    min-width: 30%;
    max-width: 80%;
    background-color: #01b339;
    color: #fff;
    display: inline-block;
    border-radius: .5rem;
    padding: .5rem
}

.msg.recv.svelte-151mw4c.svelte-151mw4c {
    text-align: left
}

.msg.recv.svelte-151mw4c .wrap.svelte-151mw4c {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    background-color: #fafafa;
    color: #666
}

.msg.recv.svelte-151mw4c .wrap span.svelte-151mw4c {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.service-users.svelte-151mw4c.svelte-151mw4c {
    margin-left: 1rem;
    margin-right: 1rem
}

.service-users.svelte-151mw4c>div.svelte-151mw4c {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding: .5rem
}

.current-service.svelte-151mw4c.svelte-151mw4c {
    background: var(--blue);
    width: 100%;
    font-size: 14px;
    border-bottom-width: 1px;
    padding-left: 1.5rem;
    padding-top: .25rem;
    padding-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.current-service.svelte-151mw4c svg {
    height: 3rem;
    width: 3rem;
    fill: #fff
}

.service-users.svelte-151mw4c svg {
    height: 3rem;
    width: 3rem
}

.current-service.svelte-151mw4c svg {
    height: 1.25rem;
    width: 1.25rem
}

.foot.svelte-151mw4c.svelte-151mw4c {
    display: flex;
    width: 100%;
    align-items: center;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-bottom: .25rem;
    padding-right: .25rem;
    padding-top: .5rem
}

.foot.svelte-151mw4c .input.svelte-151mw4c {
    margin-left: .5rem;
    margin-right: .5rem;
    flex: 1 1 0%
}

.foot.svelte-151mw4c .input input.svelte-151mw4c {
    background-color: #eee;
    outline: none
}

.foot.svelte-151mw4c input.svelte-151mw4c {
    height: 2.25rem;
    width: 100%;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.body.svelte-mr84qe {
    flex: 1 1 0%;
    overflow: hidden
}

.footer.svelte-mr84qe {
    position: fixed;
    bottom: 0;
    height: 18.6666666667vw;
    background-size: 100% 100%;
    display: flex;
    align-items: flex-end;
    left: 0;
    width: 100%;
    z-index: 2;
    font-size: 3.3vw
}

.grid.svelte-zhk1u7.svelte-zhk1u7 {
    display: flex;
    flex-wrap: wrap;
    justify-items: end
}

.titles.svelte-zhk1u7.svelte-zhk1u7 {
    display: flex;
    width: 100%
}

.titles.svelte-zhk1u7>div.svelte-zhk1u7 {
    line-height: 9vw;
    height: 9vw;
    font-size: 3.6vw;
    background-color: #a5a6a9;
    flex: 1 1 0%;
    overflow: hidden;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.item.svelte-zhk1u7.svelte-zhk1u7 {
    background: #f1f1f1;
    border-color: #ececec;
    cursor: pointer;
    overflow-x: hidden;
    border-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    text-align: center
}

.panel.svelte-5yecfq.svelte-5yecfq {
    width: 75vw;
    right: 0vw;
    overflow: hidden;
    z-index: 40000;
    background-color: #f6f7f8;
    position: fixed;
    top: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.button-grid.svelte-5yecfq.svelte-5yecfq {
    position: relative;
    flex: 1 1 0%;
    overflow: auto
}

.menu-item.svelte-5yecfq.svelte-5yecfq {
    padding-bottom: .25rem;
    padding: 3vw
}

.menu-item.svelte-5yecfq>h4.svelte-5yecfq {
    font-size: 3.5vw
}

.menu-item.svelte-5yecfq svg {
    margin-bottom: .5rem;
    height: 1.75rem;
    width: 1.75rem
}

.menu-item.idx0.svelte-5yecfq svg {
    fill: #f39741
}

.menu-item.idx1.svelte-5yecfq svg {
    fill: #65c15c
}

.menu-item.idx2.svelte-5yecfq svg {
    fill: #b484d8
}

.menu-item.idx3.svelte-5yecfq svg {
    fill: #5594e6
}

.menu-item.idx4.svelte-5yecfq svg {
    fill: #3bcee9
}

.menu-item.idx5.svelte-5yecfq svg {
    fill: #ef6548
}

.menu-item.gray.svelte-5yecfq svg {
    fill: #9ca3af
}

.menu-item.gray.svelte-5yecfq h4.svelte-5yecfq {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.overlay.svelte-5yecfq.svelte-5yecfq {
    z-index: 39999;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100vw;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: .3
}

.userinfo.svelte-5yecfq.svelte-5yecfq {
    color: #fff;
    font-size: 16px;
    background: linear-gradient(180deg, #39A090, #1F9683);
    display: flex;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.userinfo.svelte-5yecfq .avatar.svelte-5yecfq {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.userinfo.svelte-5yecfq .avatar img.svelte-5yecfq {
    width: 5rem;
    border-radius: 9999px
}

.userinfo.svelte-5yecfq .info.svelte-5yecfq {
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 2rem
}

.userinfo.svelte-5yecfq .info em.svelte-5yecfq {
    font-style: normal
}

.logoutbtn.svelte-5yecfq.svelte-5yecfq {
    background-color: #f6f7f8;
    padding: .5rem;
    text-align: center
}

.logoutbtn.svelte-5yecfq button.svelte-5yecfq {
    border-radius: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: 3.5vw;
    background-image: linear-gradient(180deg, #3bd3ad, #1F9683);
    width: 100%
}

.bets-table.svelte-1ryw1kp {
    width: 100%
}

.bet-button.svelte-yefhbi.svelte-yefhbi {
    height: 12.5vw;
    align-items: center;
    padding-top: 3px;
    overflow: hidden
}

.value.svelte-yefhbi.svelte-yefhbi {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    justify-content: center;
    overflow: hidden;
    text-align: center
}

.value.svelte-yefhbi .circle.svelte-yefhbi,
.value.svelte-yefhbi .square.svelte-yefhbi {
    width: 6.6vw;
    height: 6.6vw;
    line-height: 6.6vw;
    font-size: 4vw;
    background: #6a68ef;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.value.svelte-yefhbi .color-square.svelte-yefhbi {
    background: unset
}

.value.svelte-yefhbi .square.svelte-yefhbi {
    border-radius: 4px
}

.value.svelte-yefhbi .text.svelte-yefhbi {
    font-size: 4vw;
    line-height: 6vw;
    color: #1f9683;
    display: inline-block;
    font-weight: 700
}

.odds.svelte-yefhbi.svelte-yefhbi {
    font-size: 4vw;
    line-height: 6vw;
    flex: 1 1 0%;
    align-self: center;
    text-align: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.sc.svelte-yefhbi.svelte-yefhbi {
    width: 7.2vw;
    height: 7.2vw;
    line-height: 7.2vw;
    font-size: 4vw;
    background: linear-gradient(180deg, #3273f9, #325cb5);
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sc-1.svelte-yefhbi.svelte-yefhbi,
.sc-2.svelte-yefhbi.svelte-yefhbi,
.sc-7.svelte-yefhbi.svelte-yefhbi,
.sc-8.svelte-yefhbi.svelte-yefhbi,
.sc-12.svelte-yefhbi.svelte-yefhbi,
.sc-13.svelte-yefhbi.svelte-yefhbi,
.sc-18.svelte-yefhbi.svelte-yefhbi,
.sc-19.svelte-yefhbi.svelte-yefhbi,
.sc-23.svelte-yefhbi.svelte-yefhbi,
.sc-24.svelte-yefhbi.svelte-yefhbi,
.sc-29.svelte-yefhbi.svelte-yefhbi,
.sc-30.svelte-yefhbi.svelte-yefhbi,
.sc-34.svelte-yefhbi.svelte-yefhbi,
.sc-35.svelte-yefhbi.svelte-yefhbi,
.sc-40.svelte-yefhbi.svelte-yefhbi,
.sc-45.svelte-yefhbi.svelte-yefhbi,
.sc-46.svelte-yefhbi.svelte-yefhbi {
    background: #D83547
}

.sc-3.svelte-yefhbi.svelte-yefhbi,
.sc-4.svelte-yefhbi.svelte-yefhbi,
.sc-9.svelte-yefhbi.svelte-yefhbi,
.sc-10.svelte-yefhbi.svelte-yefhbi,
.sc-14.svelte-yefhbi.svelte-yefhbi,
.sc-15.svelte-yefhbi.svelte-yefhbi,
.sc-20.svelte-yefhbi.svelte-yefhbi,
.sc-25.svelte-yefhbi.svelte-yefhbi,
.sc-26.svelte-yefhbi.svelte-yefhbi,
.sc-31.svelte-yefhbi.svelte-yefhbi,
.sc-36.svelte-yefhbi.svelte-yefhbi,
.sc-37.svelte-yefhbi.svelte-yefhbi,
.sc-41.svelte-yefhbi.svelte-yefhbi,
.sc-42.svelte-yefhbi.svelte-yefhbi,
.sc-47.svelte-yefhbi.svelte-yefhbi,
.sc-48.svelte-yefhbi.svelte-yefhbi {
    background: #2264A4
}

.sc-5.svelte-yefhbi.svelte-yefhbi,
.sc-6.svelte-yefhbi.svelte-yefhbi,
.sc-11.svelte-yefhbi.svelte-yefhbi,
.sc-16.svelte-yefhbi.svelte-yefhbi,
.sc-17.svelte-yefhbi.svelte-yefhbi,
.sc-21.svelte-yefhbi.svelte-yefhbi,
.sc-22.svelte-yefhbi.svelte-yefhbi,
.sc-27.svelte-yefhbi.svelte-yefhbi,
.sc-28.svelte-yefhbi.svelte-yefhbi,
.sc-32.svelte-yefhbi.svelte-yefhbi,
.sc-33.svelte-yefhbi.svelte-yefhbi,
.sc-38.svelte-yefhbi.svelte-yefhbi,
.sc-39.svelte-yefhbi.svelte-yefhbi,
.sc-43.svelte-yefhbi.svelte-yefhbi,
.sc-44.svelte-yefhbi.svelte-yefhbi,
.sc-49.svelte-yefhbi.svelte-yefhbi {
    background: #318100
}

.bet-panel.svelte-igxv3k.svelte-igxv3k {
    display: flex;
    height: 100%;
    width: 100%
}

.nav.svelte-igxv3k.svelte-igxv3k {
    height: 100%;
    overflow-y: auto;
    background: #CBCBCB
}

.nav.svelte-igxv3k>div.svelte-igxv3k {
    width: 20vw;
    height: 10vw;
    line-height: 10vw;
    border-color: #d1d2d6;
    cursor: pointer;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.nav.svelte-igxv3k>div.active.svelte-igxv3k {
    background-color: var(--blue);
    color: #fff
}

.body.svelte-igxv3k.svelte-igxv3k {
    height: 100%;
    flex: 1 1 0%;
    overflow-y: auto
}

.body.svelte-igxv3k .section.svelte-igxv3k {
    display: flex
}

.left-button.svelte-igxv3k.svelte-igxv3k {
    height: 12.5vw;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.left-button.svelte-igxv3k i.svelte-igxv3k {
    width: 7.5vw;
    height: 7.5vw;
    line-height: 7.5vw;
    margin-top: .5rem;
    display: inline-block;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
    font-weight: 700;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.left-button-1.svelte-igxv3k i.svelte-igxv3k {
    background-color: #ffbe00
}

.left-button-2.svelte-igxv3k i.svelte-igxv3k {
    background-color: #0089ff
}

.left-button-3.svelte-igxv3k i.svelte-igxv3k {
    background-color: #4d4d4d
}

.left-button-4.svelte-igxv3k i.svelte-igxv3k {
    background-color: #ff7300
}

.left-button-5.svelte-igxv3k i.svelte-igxv3k {
    background-color: #2bcccc
}

.left-button-6.svelte-igxv3k i.svelte-igxv3k {
    background-color: #7f52de
}

.left-button-7.svelte-igxv3k i.svelte-igxv3k {
    background-color: #9a9999
}

.left-button-8.svelte-igxv3k i.svelte-igxv3k {
    background-color: #ec4949
}

.left-button-9.svelte-igxv3k i.svelte-igxv3k {
    background-color: #ad5353
}

.left-button-10.svelte-igxv3k i.svelte-igxv3k {
    background-color: #35ad2b
}

.game-ssc .left-button.svelte-igxv3k i.svelte-igxv3k {
    text-shadow: 0 1px 0 rgb(0 0 0 / 53%);
    background: linear-gradient(180deg, #3273f9, #325cb5);
    border-radius: 9999px
}

.bet-head.svelte-cguzh3.svelte-cguzh3 {
    background-color: var(--primary-color);
    position: relative;
    height: 2.75rem;
    padding-top: .125rem;
    padding-bottom: .125rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.left.svelte-cguzh3.svelte-cguzh3 {
    position: absolute;
    left: 1rem;
    top: 0px;
    display: flex;
    cursor: pointer
}

.left.svelte-cguzh3 i.svelte-cguzh3 {
    padding-left: .5rem;
    font-size: 1.125rem;
    line-height: 2.5rem
}

.right.svelte-cguzh3.svelte-cguzh3 {
    position: absolute;
    right: .5rem;
    top: 0px;
    display: flex
}

.center.svelte-cguzh3.svelte-cguzh3 {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 2.5rem
}

.menus.svelte-cguzh3.svelte-cguzh3 {
    position: absolute;
    top: 2.75rem;
    left: 0px;
    width: 100%;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    line-height: 1;
    height: 60vh;
    z-index: 20000
}

.parent-menu.svelte-cguzh3.svelte-cguzh3 {
    padding: 0 0 0 5%;
    font-size: 22px;
    margin: 24px 0
}

.menus.svelte-cguzh3 .title.svelte-cguzh3 {
    margin-bottom: 12px
}

.menus.svelte-cguzh3 .menu.svelte-cguzh3 {
    display: inline-block;
    width: 30%;
    border: 1px #eaeaea solid;
    text-align: center;
    color: #777d83;
    border-radius: 4px;
    margin-bottom: 9px;
    margin-right: 3%;
    font-size: 18px;
    height: 48px;
    line-height: 36px;
    padding: 6px 3px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer
}

.menus.svelte-cguzh3 .menu.svelte-cguzh3:hover {
    background-color: #dedede4d
}

.overlay.svelte-cguzh3.svelte-cguzh3 {
    position: fixed;
    top: 2.75rem;
    left: 0px;
    bottom: 0px;
    z-index: 30;
    width: 100vw;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: .3
}

.right.svelte-cguzh3 svg {
    fill: currentColor;
    margin-left: .5rem
}

.bet-amount.svelte-fcs1tu.svelte-fcs1tu {
    z-index: 300;
    touch-action: manipulation;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%
}

.info.svelte-fcs1tu.svelte-fcs1tu {
    width: 280px;
    transform: translate(-50%, -50%);
    background-color: #999;
    position: absolute;
    left: 50%;
    z-index: 20;
    height: 2rem;
    border-radius: 1rem;
    text-align: center;
    font-size: .875rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.info.svelte-fcs1tu em.svelte-fcs1tu {
    font-style: normal
}

.quick-amounts.svelte-fcs1tu.svelte-fcs1tu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .75rem;
    height: 66px;
    box-shadow: 0 -.26vw .53vw #00000040;
    background-color: #f1f1f1
}

.quick-amounts.svelte-fcs1tu>i.svelte-fcs1tu {
    cursor: pointer;
    font-size: 2.25rem;
    line-height: 2.5rem
}

.quick-amounts.svelte-fcs1tu span.svelte-fcs1tu {
    font-size: 3.2vw;
    padding: 0 2vw;
    height: 6.5vw;
    width: 6.5vw;
    line-height: 6.5vw
}

.quick-amounts.svelte-fcs1tu span.svelte-fcs1tu,
.quick-amounts.svelte-fcs1tu span.svelte-fcs1tu:nth-child(1) {
    background: url(/assets/cm1.069649c7.png);
    background-size: cover;
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    color: #262626;
    font-weight: 700;
    font-size: 11px;
    position: relative;
    cursor: pointer;
    text-align: center
}

.quick-amounts.svelte-fcs1tu span.svelte-fcs1tu:nth-child(3) {
    background-image: url(/assets/cm2.bd952699.png)
}

.quick-amounts.svelte-fcs1tu span.svelte-fcs1tu:nth-child(4) {
    background-image: url(/assets/cm3.cbee5e44.png)
}

.quick-amounts.svelte-fcs1tu span.svelte-fcs1tu:nth-child(5) {
    background-image: url(/assets/cm4.0ca472f2.png)
}

.quick-amounts.svelte-fcs1tu span.svelte-fcs1tu:nth-child(6) {
    background-image: url(/assets/cm5.cde917e8.png)
}

.bottom.svelte-fcs1tu.svelte-fcs1tu {
    height: 56px;
    background-color: #fff;
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.bottom.svelte-fcs1tu span.svelte-fcs1tu {
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    border-radius: .375rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .25rem;
    padding-right: .25rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 24vw;
    height: 50px;
    line-height: 50px;
    background-color: #1f9683;
    highlight-color: transparent
}

.bottom.svelte-fcs1tu .input.svelte-fcs1tu {
    flex: 1 1 0%;
    overflow: hidden;
    text-align: center
}

.bottom.svelte-fcs1tu input.svelte-fcs1tu {
    text-fill-color: currentcolor;
    line-height: 50px;
    height: 50px;
    border: 1px solid #5cc4b3;
    max-width: 48vw;
    font-size: 22px;
    color: #555;
    background: transparent;
    width: 100%;
    border-radius: .25rem;
    text-align: center;
    outline: 2px solid transparent;
    outline-offset: 2px
}

quick-form.svelte-fcs1tu.svelte-fcs1tu {
    margin-left: 4rem;
    margin-right: 4rem;
    display: block
}

qinput.svelte-fcs1tu.svelte-fcs1tu {
    margin-bottom: 1rem;
    display: block
}

qinput.svelte-fcs1tu input.svelte-fcs1tu {
    width: 150px;
    border: 1px solid #a9a9a9;
    text-align: center;
    height: 28px;
    color: red;
    outline: none
}

quick-form.svelte-fcs1tu button.svelte-fcs1tu {
    width: 60px;
    line-height: 31px;
    border-radius: 3px;
    font-weight: 700;
    margin: 5px;
    text-align: center;
    border: 1px solid #dcdfe6;
    border-color: #999;
    color: #606266;
    font-size: 14px
}

quick-form.svelte-fcs1tu button.svelte-fcs1tu:hover {
    color: #1f9683;
    border-color: #1f9683
}

quick-form.svelte-fcs1tu button.primary.svelte-fcs1tu {
    color: #fff;
    border-color: #1f9683;
    background-color: #1f9683
}

quick-form.svelte-fcs1tu button.primary.svelte-fcs1tu:hover {
    background-color: #1f9683
}

svg {
    width: 24px;
    height: 24px
}

@media (max-width: 400px) {
    .info.svelte-fcs1tu.svelte-fcs1tu {
        width: 65vw;
        height: 7.5vw;
        font-size: 3.6vw;
        line-height: 7.5vw
    }

    .info.svelte-fcs1tu em.svelte-fcs1tu {
        font-style: normal
    }

    .quick-amounts.svelte-fcs1tu.svelte-fcs1tu {
        height: 15vw;
        padding-top: 5vw
    }

    .quick-amounts.svelte-fcs1tu span.svelte-fcs1tu {
        font-size: 3.2vw;
        padding: 0 2vw;
        height: 8.5vw;
        width: 8.5vw;
        line-height: 8.5vw
    }

    svg {
        width: 4vw;
        height: 4vw
    }

    .bottom.svelte-fcs1tu.svelte-fcs1tu {
        height: 12vw;
        padding-left: 1vw;
        padding-right: 1vw
    }

    .bottom.svelte-fcs1tu span.svelte-fcs1tu {
        width: 24vw;
        height: 10vw;
        line-height: 10vw;
        padding: 0vw
    }

    .bottom.svelte-fcs1tu input.svelte-fcs1tu {
        text-fill-color: currentcolor;
        line-height: 10vw;
        height: 10vw;
        max-width: 48vw;
        color: #8d99ae
    }

    .bottom.svelte-fcs1tu input.svelte-fcs1tu {
        width: 100%
    }

    .bottom.svelte-fcs1tu input.svelte-fcs1tu {
        border-radius: .25rem
    }

    .bottom.svelte-fcs1tu input.svelte-fcs1tu {
        text-align: center
    }

    .bottom.svelte-fcs1tu input.svelte-fcs1tu {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
}

@media (max-width: 310px) {
    .bottom.svelte-fcs1tu.svelte-fcs1tu {
        height: 11vw
    }

    .bottom.svelte-fcs1tu span.svelte-fcs1tu {
        width: 24vw;
        height: 8vw;
        line-height: 8vw;
        padding: 0vw
    }

    .bottom.svelte-fcs1tu input.svelte-fcs1tu {
        line-height: 8vw;
        height: 8vw
    }

    .quick-amounts.svelte-fcs1tu.svelte-fcs1tu {
        height: 10vw;
        padding-top: 3.5vw
    }

    .info.svelte-fcs1tu.svelte-fcs1tu {
        width: 60vw;
        height: 5.5vw;
        font-size: 3.6vw;
        line-height: 5.5vw
    }
}

.game.svelte-iw28lx.svelte-iw28lx {
    height: 100vh;
    display: flex;
    flex-direction: column
}

.hd.svelte-iw28lx.svelte-iw28lx {
    height: 120px
}

.bd.svelte-iw28lx.svelte-iw28lx {
    border-top: 1px #ededed solid;
    flex: 1 1 0%;
    overflow-y: auto
}

.link-my-bets.svelte-iw28lx.svelte-iw28lx {
    cursor: pointer
}

.bet-records.svelte-iw28lx .bd.svelte-iw28lx {
    width: 95%;
    height: 80vh;
    left: 2.5%;
    top: 10vh;
    position: absolute;
    z-index: 40;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bet-records.svelte-iw28lx .overlay.svelte-iw28lx {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 30;
    width: 100vw;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: .3
}

.bearing-grid.svelte-v1h5r1.svelte-v1h5r1 {
    background: #dfdfdf;
    width: 100%;
    height: 70vw;
    position: relative;
    display: flex;
    border-top: 1px solid #aaa
}

.item-container.svelte-v1h5r1.svelte-v1h5r1 {
    position: absolute;
    width: 20%;
    height: 14vw;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    background: #f1f1f1;
    text-align: center;
    box-sizing: border-box
}

.item-container.checked.svelte-v1h5r1.svelte-v1h5r1 {
    background: #f9cfcf
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(2) {
    left: 20%
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(3) {
    left: 40%
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(4) {
    left: 60%
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(5) {
    left: 80%
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(6) {
    left: 80%;
    top: 14vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(7) {
    left: 80%;
    top: 28vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(8) {
    left: 80%;
    top: 42vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(9) {
    left: 80%;
    top: 56vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(10) {
    left: 60%;
    top: 56vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(11) {
    left: 40%;
    top: 56vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(12) {
    left: 20%;
    top: 56vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(13) {
    top: 56vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(14) {
    top: 42vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(15) {
    top: 28vw
}

.item-container.svelte-v1h5r1.svelte-v1h5r1:nth-child(16) {
    top: 14vw
}

.item-container.svelte-v1h5r1>.item.svelte-v1h5r1 {
    height: 14vw;
    cursor: pointer;
    padding-top: 2.5vw;
    box-sizing: border-box
}

.center.svelte-v1h5r1.svelte-v1h5r1 {
    width: 60%;
    height: 42vw;
    position: absolute;
    left: 20%;
    top: 14vw;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1 {
    position: absolute;
    text-align: center;
    height: 14vw;
    background: #f1f1f1
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(1) {
    width: 50%;
    height: 14vw;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    background: #d8d9d4;
    border: none !important
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(1):before {
    display: block;
    width: 30vw;
    height: 14vw;
    content: "";
    position: absolute;
    top: 0;
    right: -30vw;
    transform: rotate(48deg);
    transform-origin: left top;
    background: #d8d9d4;
    border-top: 1px solid #aaa
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(1):after {
    display: block;
    width: 30vw;
    height: 14vw;
    content: "";
    position: absolute;
    top: 0;
    left: -30vw;
    transform: rotate(-48deg);
    transform-origin: right top;
    background: #d8d9d4;
    border-top: 1px solid #aaa
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(2) {
    width: 50%;
    border: none !important;
    height: 14vw;
    top: 14vw;
    left: 75%;
    background: #96c9bf
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(2):before {
    display: block;
    width: 30vw;
    height: 14vw;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(48deg);
    transform-origin: left bottom;
    background: #96c9bf;
    border-bottom: 1px solid #aaa
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(2):after {
    display: block;
    width: 30vw;
    height: 14vw;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-48deg);
    transform-origin: left top;
    background: #96c9bf
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(3) {
    width: 50%;
    height: 14vw;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    margin: 0;
    background: #efd9a2;
    border: none !important;
    z-index: 20
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(3):before {
    display: block;
    width: 30vw;
    height: 14vw;
    content: "";
    position: absolute;
    bottom: 0;
    right: -30vw;
    transform: rotate(-48deg);
    transform-origin: left bottom;
    background: #efd9a2;
    border-bottom: 1px solid #aaa
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(3):after {
    display: block;
    width: 30vw;
    height: 14vw;
    content: "";
    position: absolute;
    bottom: 0;
    left: -30vw;
    transform: rotate(48deg);
    transform-origin: right bottom;
    background: #efd9a2;
    border-bottom: 1px solid #aaa
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(4) {
    width: 50%;
    height: 14vw;
    top: 14vw;
    left: 0;
    background: #bdd2d5;
    border: none !important
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(4):before {
    display: block;
    width: 30vw;
    height: 14vw;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(48deg);
    transform-origin: right top;
    background: #bdd2d5
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(4):after {
    display: block;
    width: 30vw;
    height: 14vw;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(-48deg);
    transform-origin: right bottom;
    background: #bdd2d5;
    border-bottom: 1px solid #aaa
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(5) {
    display: inline-block;
    width: 50%;
    left: 50%;
    top: 14vw;
    height: 14vw;
    border: 1px solid #aaa;
    border-right: none;
    box-sizing: border-box
}

.center.svelte-v1h5r1 .item-container.svelte-v1h5r1:nth-child(6) {
    display: inline-block;
    width: 50%;
    height: 14vw;
    left: 50%;
    top: 14vw;
    border: 1px solid #aaa;
    box-sizing: border-box
}

.center.svelte-v1h5r1 .item-container.checked.svelte-v1h5r1 {
    background: #f9cfcf
}

.center.svelte-v1h5r1 .item-container.checked.svelte-v1h5r1:before {
    background: #f9cfcf
}

.center.svelte-v1h5r1 .item-container.checked.svelte-v1h5r1:after {
    background: #f9cfcf
}

.center.svelte-v1h5r1 .item.svelte-v1h5r1 {
    position: relative;
    z-index: 20;
    height: 14vw;
    cursor: pointer;
    box-sizing: border-box;
    padding-top: 2.5vw
}

.bet-amount.svelte-13onsqk.svelte-13onsqk {
    z-index: 10;
    touch-action: manipulation;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%
}

.info.svelte-13onsqk.svelte-13onsqk {
    width: 280px;
    transform: translate(-50%, -50%);
    background-color: #999;
    position: absolute;
    left: 50%;
    z-index: 20;
    height: 2rem;
    border-radius: 1rem;
    text-align: center;
    font-size: .875rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.info.svelte-13onsqk em.svelte-13onsqk {
    font-style: normal
}

.quick-amounts.svelte-13onsqk.svelte-13onsqk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .75rem;
    height: 66px;
    box-shadow: 0 -.26vw .53vw #00000040;
    background-color: #f1f1f1
}

.quick-amounts.svelte-13onsqk>i.svelte-13onsqk {
    cursor: pointer;
    font-size: 2.25rem;
    line-height: 2.5rem
}

.quick-amounts.svelte-13onsqk span.svelte-13onsqk {
    font-size: 3.2vw;
    padding: 0 2vw;
    height: 6.5vw;
    width: 6.5vw;
    line-height: 6.5vw
}

.quick-amounts.svelte-13onsqk span.currp.svelte-13onsqk {
    border-radius: 9999px;
    box-shadow: 0 0 6px 4px #adff2f
}

.quick-amounts.svelte-13onsqk span.svelte-13onsqk,
.quick-amounts.svelte-13onsqk span.svelte-13onsqk:nth-child(1) {
    background: url(/assets/cm1.069649c7.png);
    background-size: cover;
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    color: #262626;
    font-weight: 700;
    font-size: 11px;
    position: relative;
    cursor: pointer;
    text-align: center
}

.quick-amounts.svelte-13onsqk span.svelte-13onsqk:nth-child(3) {
    background-image: url(/assets/cm2.bd952699.png)
}

.quick-amounts.svelte-13onsqk span.svelte-13onsqk:nth-child(4) {
    background-image: url(/assets/cm3.cbee5e44.png)
}

.quick-amounts.svelte-13onsqk span.svelte-13onsqk:nth-child(5) {
    background-image: url(/assets/cm4.0ca472f2.png)
}

.quick-amounts.svelte-13onsqk span.svelte-13onsqk:nth-child(6) {
    background-image: url(/assets/cm5.cde917e8.png)
}

.bottom.svelte-13onsqk.svelte-13onsqk {
    height: 56px;
    background-color: #fff;
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.bottom.svelte-13onsqk span.svelte-13onsqk {
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    border-radius: .375rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .25rem;
    padding-right: .25rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 24vw;
    height: 50px;
    line-height: 50px;
    background-color: #1f9683;
    highlight-color: transparent
}

.bottom.svelte-13onsqk .input.svelte-13onsqk {
    flex: 1 1 0%;
    overflow: hidden;
    text-align: center
}

.bottom.svelte-13onsqk input.svelte-13onsqk {
    text-fill-color: currentcolor;
    line-height: 50px;
    height: 50px;
    border: 1px solid #5cc4b3;
    max-width: 48vw;
    font-size: 22px;
    color: #555;
    background: transparent;
    width: 100%;
    border-radius: .25rem;
    text-align: center;
    outline: 2px solid transparent;
    outline-offset: 2px
}

quick-form.svelte-13onsqk.svelte-13onsqk {
    margin-left: 4rem;
    margin-right: 4rem;
    display: block
}

qinput.svelte-13onsqk.svelte-13onsqk {
    margin-bottom: 1rem;
    display: block
}

qinput.svelte-13onsqk input.svelte-13onsqk {
    width: 150px;
    border: 1px solid #a9a9a9;
    text-align: center;
    height: 28px;
    color: red;
    outline: none
}

quick-form.svelte-13onsqk button.svelte-13onsqk {
    width: 60px;
    line-height: 31px;
    border-radius: 3px;
    font-weight: 700;
    margin: 5px;
    text-align: center;
    border: 1px solid #dcdfe6;
    border-color: #999;
    color: #606266;
    font-size: 14px
}

quick-form.svelte-13onsqk button.svelte-13onsqk:hover {
    color: #1f9683;
    border-color: #1f9683
}

quick-form.svelte-13onsqk button.primary.svelte-13onsqk {
    color: #fff;
    border-color: #1f9683;
    background-color: #1f9683
}

quick-form.svelte-13onsqk button.primary.svelte-13onsqk:hover {
    background-color: #1f9683
}

svg {
    width: 24px;
    height: 24px
}

@media (max-width: 400px) {
    .info.svelte-13onsqk.svelte-13onsqk {
        width: 65vw;
        height: 6.5vw;
        font-size: 3.4vw;
        line-height: 6.5vw
    }

    .info.svelte-13onsqk em.svelte-13onsqk {
        font-style: normal
    }

    .quick-amounts.svelte-13onsqk.svelte-13onsqk {
        height: 14vw;
        padding-top: 3vw
    }

    .quick-amounts.svelte-13onsqk span.svelte-13onsqk {
        font-size: 3.2vw;
        padding: 0 2vw;
        height: 8.5vw;
        width: 8.5vw;
        line-height: 8.5vw
    }

    svg {
        width: 4vw;
        height: 4vw
    }

    .bottom.svelte-13onsqk.svelte-13onsqk {
        height: 10vw;
        padding-left: 1vw;
        padding-right: 1vw
    }

    .bottom.svelte-13onsqk span.svelte-13onsqk {
        width: 24vw;
        height: 8vw;
        line-height: 8vw;
        padding: 0vw
    }

    .bottom.svelte-13onsqk input.svelte-13onsqk {
        text-fill-color: currentcolor;
        line-height: 8vw;
        height: 8vw;
        max-width: 48vw;
        color: #8d99ae
    }

    .bottom.svelte-13onsqk input.svelte-13onsqk {
        width: 100%
    }

    .bottom.svelte-13onsqk input.svelte-13onsqk {
        border-radius: .25rem
    }

    .bottom.svelte-13onsqk input.svelte-13onsqk {
        text-align: center
    }

    .bottom.svelte-13onsqk input.svelte-13onsqk {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
}

@media (max-width: 310px) {
    .bottom.svelte-13onsqk.svelte-13onsqk {
        height: 11vw
    }

    .bottom.svelte-13onsqk span.svelte-13onsqk {
        width: 24vw;
        height: 8vw;
        line-height: 8vw;
        padding: 0vw
    }

    .bottom.svelte-13onsqk input.svelte-13onsqk {
        line-height: 8vw;
        height: 8vw
    }

    .quick-amounts.svelte-13onsqk.svelte-13onsqk {
        height: 10vw;
        padding-top: 3.5vw
    }

    .info.svelte-13onsqk.svelte-13onsqk {
        width: 60vw;
        height: 5.5vw;
        font-size: 3.6vw;
        line-height: 5.5vw
    }
}

.ft-bet-panel.svelte-7oysom.svelte-7oysom {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 122px
}

@media (max-width: 400px) {
    .ft-bet-panel.svelte-7oysom.svelte-7oysom {
        padding-bottom: 27.2vw
    }
}

@media (max-width: 310px) {
    .ft-bet-panel.svelte-7oysom.svelte-7oysom {
        padding-bottom: 21.2vw
    }
}

.tab.svelte-7oysom.svelte-7oysom {
    height: 28px;
    display: flex;
    position: relative;
    margin: 0;
    padding: 0;
    box-shadow: 0 2px 6px #63636340;
    background: transparent;
    z-index: 20
}

.tab.svelte-7oysom li.svelte-7oysom {
    width: 33.33%;
    line-height: 28px;
    text-align: center;
    background: #ddd;
    cursor: pointer
}

.tab.svelte-7oysom li.on.svelte-7oysom {
    list-style: none;
    color: #fff;
    background: #4177fa
}

.bd.svelte-7oysom.svelte-7oysom {
    flex: 1;
    overflow-y: auto
}

.bet-confirm.svelte-7oysom table.svelte-7oysom {
    border-collapse: collapse
}

.bet-confirm.svelte-7oysom table thead tr.svelte-7oysom:first-child {
    background: #ccc
}

.bet-confirm.svelte-7oysom table th.svelte-7oysom,
.bet-confirm.svelte-7oysom table td.svelte-7oysom {
    text-align: center;
    font-size: 3.2vw;
    padding: .6vw .3vw .3vw
}

.bet-confirm.svelte-7oysom table tbody tr.svelte-7oysom:nth-of-type(even) {
    background-color: #f1f1f1
}

.bet-panel.svelte-u7gup0.svelte-u7gup0 {
    display: flex;
    height: 100%;
    width: 100%
}

.nav.svelte-u7gup0.svelte-u7gup0 {
    height: 100%;
    overflow-y: auto;
    background: #c4c5c8
}

.nav.svelte-u7gup0>div.svelte-u7gup0 {
    width: 20vw;
    height: 10vw;
    line-height: 10vw;
    border-color: #d1d2d6;
    cursor: pointer;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.nav.svelte-u7gup0>div.active.svelte-u7gup0 {
    background: linear-gradient(-180deg, #ff5656, #840004);
    color: #fff
}

.body.svelte-u7gup0.svelte-u7gup0 {
    height: 100%;
    flex: 1 1 0%;
    overflow-y: auto
}

.body.svelte-u7gup0 .section.svelte-u7gup0 {
    display: flex
}

.left-button.svelte-u7gup0.svelte-u7gup0 {
    height: 12.5vw;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.game-title.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
    background-color: var(--blue);
    color: #fff;
    height: 44px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.left.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
    font-size: 14px;
    position: absolute;
    left: .5rem;
    z-index: 20;
    display: flex;
    cursor: pointer;
    align-items: center
}

.right.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
    font-size: 13px;
    position: absolute;
    right: .5rem;
    z-index: 20;
    display: flex;
    align-items: center
}

.center.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
    font-size: 16px;
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: 700
}

.menus.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
    z-index: 30000;
    position: absolute;
    left: 0px;
    width: 100%;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    line-height: 1;
    height: 60vh
}

.parent-menu.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
    padding: 0 0 0 5%;
    font-size: 22px;
    margin: 18px 0
}

.menus.svelte-82ono0 .title.svelte-82ono0.svelte-82ono0 {
    margin-bottom: 12px
}

.menus.svelte-82ono0 .menu.svelte-82ono0.svelte-82ono0 {
    display: inline-block;
    width: 30%;
    border: 1px #eaeaea solid;
    text-align: center;
    color: #777d83;
    border-radius: 4px;
    margin-bottom: 9px;
    margin-right: 3%;
    font-size: 16px;
    height: 48px;
    line-height: 36px;
    padding: 6px 3px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer
}

.menus.svelte-82ono0 .menu.svelte-82ono0.svelte-82ono0:hover {
    background-color: #dedede4d
}

.overlay.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
    z-index: 29999;
    position: fixed;
    top: 3.5rem;
    left: 0px;
    bottom: 0px;
    width: 100vw;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: .3
}

.left.svelte-82ono0 svg,
.right.svelte-82ono0 svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    margin-left: .25rem
}

@media (max-width: 400px) {
    .game-title.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
        font-size: 4.2vw;
        height: 10vw;
        padding: 0
    }

    .svg-icon {
        width: 5vw;
        height: 5vw
    }

    .center.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
        font-size: 4.2vw
    }

    .game-title.svelte-82ono0 .left span.svelte-82ono0.svelte-82ono0 {
        overflow: hidden;
        height: 4vw;
        font-size: 4vw;
        line-height: 4vw
    }

    .menus.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
        top: 10vw
    }

    .parent-menu.svelte-82ono0.svelte-82ono0.svelte-82ono0 {
        font-size: 4.2vw
    }

    .menus.svelte-82ono0 .menu.svelte-82ono0.svelte-82ono0 {
        font-size: 4.2vw;
        line-height: 4.5vw;
        width: 22%;
        padding: 1vw;
        height: 12vw
    }

    .menus.svelte-82ono0 .menu.svelte-82ono0>div.svelte-82ono0 {
        margin-top: 0
    }
}

resultpanel.svelte-185cfpq {
    display: flex;
    height: 100%;
    flex-direction: column
}

hd.svelte-185cfpq {
    background: #f0f0f0
}

bd.svelte-185cfpq {
    background-color: #f6f7fb;
    margin-bottom: 1rem;
    display: block;
    flex: 1 1 0%;
    overflow: auto
}

.game-hd.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    height: 186px;
    background-color: #f7f7f7;
    position: relative
}

.game-hd.svelte-1gofx01 td {
    color: #333
}

.htab.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
prev.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
gametime.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
.buttons.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    overflow: hidden
}

.game-pk10ft .game-hd.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
.game-sscft .game-hd.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    height: 206px
}

.htab.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    background-color: #fff;
    height: 28px;
    line-height: 28px
}

.htab.svelte-1gofx01 span.svelte-1gofx01.svelte-1gofx01 {
    text-align: center;
    flex: 1;
    font-size: 14px;
    border-right: 1px #ececec solid;
    border-bottom: 1px #ececec solid
}

.htab.svelte-1gofx01 span.active.svelte-1gofx01.svelte-1gofx01 {
    color: var(--blue)
}

.htab.svelte-1gofx01 span.svelte-1gofx01.svelte-1gofx01:last-child {
    border-right: none
}

prev.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    height: 44px
}

.game-pk10ft .game-hd.svelte-1gofx01 prev.svelte-1gofx01.svelte-1gofx01,
.game-sscft .game-hd.svelte-1gofx01 prev.svelte-1gofx01.svelte-1gofx01 {
    height: 64px
}

gametime.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    height: 32px;
    position: relative
}

gametime.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
prev.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    font-size: 16px;
    display: flex;
    align-items: center;
    padding-left: .5rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

periodnum.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    margin-right: .5rem;
    font-weight: 700;
    color: #565d64;
    min-width: 6vw
}

.result-wrap.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    display: flex;
    align-items: center
}

.result.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    display: block
}

.result-pk10ft-wrap.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
.result-sscft-wrap.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    flex-direction: column;
    align-items: flex-start
}

.result-pk10ft.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    width: 80vw;
    display: flex;
    justify-content: space-evenly
}

.result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 4px;
    margin-top: .5rem;
    display: inline-block;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
    text-align: center;
    font-weight: 700;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.result-pk10ft.svelte-1gofx01>span.num1.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num1.svelte-1gofx01.svelte-1gofx01 {
    background-color: #ffbe00
}

.result-pk10ft.svelte-1gofx01>span.num2.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num2.svelte-1gofx01.svelte-1gofx01 {
    background-color: #0089ff
}

.result-pk10ft.svelte-1gofx01>span.num3.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num3.svelte-1gofx01.svelte-1gofx01 {
    background-color: #4d4d4d
}

.result-pk10ft.svelte-1gofx01>span.num4.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num4.svelte-1gofx01.svelte-1gofx01 {
    background-color: #ff7300
}

.result-pk10ft.svelte-1gofx01>span.num5.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num5.svelte-1gofx01.svelte-1gofx01 {
    background-color: #2bcccc
}

.result-pk10ft.svelte-1gofx01>span.num6.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num6.svelte-1gofx01.svelte-1gofx01 {
    background-color: #7f52de
}

.result-pk10ft.svelte-1gofx01>span.num7.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num7.svelte-1gofx01.svelte-1gofx01 {
    background-color: #9a9999
}

.result-pk10ft.svelte-1gofx01>span.num8.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num8.svelte-1gofx01.svelte-1gofx01 {
    background-color: #ec4949
}

.result-pk10ft.svelte-1gofx01>span.num9.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num9.svelte-1gofx01.svelte-1gofx01 {
    background-color: #ad5353
}

.result-pk10ft.svelte-1gofx01>span.num10.svelte-1gofx01.svelte-1gofx01,
.result-pk10.svelte-1gofx01>span.num10.svelte-1gofx01.svelte-1gofx01 {
    background-color: #35ad2b
}

.result-ext-pk10ft.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    display: flex;
    width: 100%;
    justify-content: space-around
}

.result-ssc.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
.result-sscft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
    margin-right: 4px;
    background: linear-gradient(0deg, #1165a0, #1c7abd 35%, #34a4f5);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.result-pc28.svelte-1gofx01>.ball.svelte-1gofx01>span.svelte-1gofx01 {
    margin-right: 1px;
    background: linear-gradient(0deg, #72368f, #9550b6 35%, #b86add);
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-shadow: 1px 1px 1px #2d2c2c;
    box-shadow: 0 3px 1px #bbb59c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.result-pc28.svelte-1gofx01>.ball.svelte-1gofx01>span.sum.svelte-1gofx01 {
    background: radial-gradient(circle, #fa7476, #f44040, #ee0b0b)
}

.result-pc28.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    display: flex;
    align-items: center
}

.result-ext-pc28.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    margin-left: .5rem
}

.extra-item.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    border: 1px solid #b5b5b5;
    font-weight: 700;
    display: inline-block;
    box-sizing: content-box;
    padding: 0 3px;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
    margin-right: 4px;
    min-width: 22px;
    color: #333
}

.qzh.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    font-weight: 700;
    font-size: 16px;
    color: #e45858
}

.buttons.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    font-size: 14px;
    border-top: 1px #cccccc solid;
    height: 38px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.buttons.svelte-1gofx01>div.svelte-1gofx01.svelte-1gofx01 {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.buttons.svelte-1gofx01>div.svelte-1gofx01>span.svelte-1gofx01 {
    margin-left: .125rem;
    display: inline-block
}

.areatabs.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    display: flex;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    background-image: linear-gradient(90deg, #faeed3, #dfbb91);
    border-top-right-radius: 5.3333vw;
    border-top-left-radius: 5.3333vw
}

.areatabs.svelte-1gofx01 span.svelte-1gofx01.svelte-1gofx01 {
    position: relative;
    display: block;
    flex: 1 1 0%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center;
    font-weight: 700;
    color: #a27042
}

.areatabs.svelte-1gofx01 span.active.svelte-1gofx01.svelte-1gofx01:after {
    content: "x";
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    background-color: #542f15;
    left: 50%;
    width: 80px;
    height: 2px;
    margin-left: -40px
}

.areatabs.svelte-1gofx01 span.active.svelte-1gofx01.svelte-1gofx01 {
    color: #542f15
}

.xiala.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    position: absolute;
    right: 1rem
}

.xiala.svelte-1gofx01 svg {
    width: 15px;
    height: 15px;
    fill: #4886ec
}

.history-list.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    margin-top: 1px;
    z-index: 25000;
    bottom: 0;
    top: 148px;
    background-color: #fff;
    position: fixed;
    width: 100%
}

.game-pk10ft .history-list.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
.game-sscft .history-list.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    top: 168px
}

@media (max-width: 400px) {
    .game-hd.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        height: 45vw
    }

    .game-pk10ft .game-hd.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
    .game-sscft .game-hd.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        height: 53vw
    }

    .htab.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        height: 6vw;
        line-height: 6vw
    }

    .htab.svelte-1gofx01 span.svelte-1gofx01.svelte-1gofx01 {
        font-size: 3.9vw
    }

    prev.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        font-size: 5vw;
        height: 10vw
    }

    .qzh.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        font-size: 5vw
    }

    .game-pk10ft .game-hd.svelte-1gofx01 prev.svelte-1gofx01.svelte-1gofx01,
    .game-sscft .game-hd.svelte-1gofx01 prev.svelte-1gofx01.svelte-1gofx01 {
        height: 45vw;
        overflow: hidden
    }

    gametime.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        height: 9vw
    }

    .buttons.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        font-size: 3.9vw;
        height: 9vw;
        overflow: hidden
    }

    periodnum.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
    .periodnum.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        font-size: 3.6vw;
        margin-right: 1vw
    }

    gametime.svelte-1gofx01 span.svelte-1gofx01.svelte-1gofx01 {
        font-size: 4.2vw
    }

    .buttons.svelte-1gofx01>div.svelte-1gofx01>span.svelte-1gofx01 {
        margin-left: 0vw
    }

    .history-list.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        top: 36vw
    }

    .game-pk10ft .history-list.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01,
    .game-sscft .history-list.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
        top: 44vw
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        width: 7vw;
        height: 7vw;
        line-height: 7vw;
        margin-right: 4px
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        margin-top: .5rem
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        display: inline-block
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        border-radius: .25rem
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        --tw-bg-opacity: 1;
        background-color: rgb(156 163 175 / var(--tw-bg-opacity))
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        text-align: center
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        font-weight: 700
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        font-style: normal
    }

    .result-pk10ft.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01,
    .result-pk10.svelte-1gofx01>span.svelte-1gofx01.svelte-1gofx01 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }
}

.klbnum.svelte-1gofx01.svelte-1gofx01.svelte-1gofx01 {
    background: linear-gradient(180deg, #3273f9, #325cb5);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.game-hd.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    height: 186px;
    background-color: #252525;
    color: #fff;
    position: relative
}

prev.svelte-162ler0.svelte-162ler0.svelte-162ler0,
gametime.svelte-162ler0.svelte-162ler0.svelte-162ler0,
.buttons.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    overflow: hidden
}

.game-pk10ft .game-hd.svelte-162ler0.svelte-162ler0.svelte-162ler0,
.game-sscft .game-hd.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    height: 206px
}

prev.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    height: 68px
}

.game-pk10ft .game-hd.svelte-162ler0 prev.svelte-162ler0.svelte-162ler0,
.game-sscft .game-hd.svelte-162ler0 prev.svelte-162ler0.svelte-162ler0 {
    height: 64px
}

gametime.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    height: 32px;
    position: relative
}

gametime.svelte-162ler0.svelte-162ler0.svelte-162ler0,
prev.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    font-size: 16px;
    display: flex;
    align-items: center;
    padding-left: .5rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

periodnum.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    margin-right: .25rem;
    font-weight: 700;
    min-width: 6vw
}

.result-wrap.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    display: flex;
    align-items: center
}

.result.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    display: block;
    display: flex
}

.extra-item.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    border: 1px solid #b5b5b5;
    font-weight: 700;
    display: inline-block;
    box-sizing: content-box;
    padding: 0 3px;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
    margin-right: 4px;
    min-width: 22px;
    color: #333
}

.buttons.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    font-size: 14px;
    border-top: 1px #cccccc solid;
    height: 38px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%
}

.buttons.svelte-162ler0>div.svelte-162ler0.svelte-162ler0 {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.buttons.svelte-162ler0>div.svelte-162ler0>span.svelte-162ler0 {
    margin-left: .125rem;
    display: inline-block
}

.xiala.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    position: absolute;
    right: 1rem
}

.xiala.svelte-162ler0 svg {
    width: 15px;
    height: 15px;
    fill: #4886ec
}

.history-list.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    margin-top: 1px;
    z-index: 25000;
    bottom: 0;
    top: 148px;
    background-color: #fff;
    position: fixed;
    width: 100%
}

.game-pk10ft .history-list.svelte-162ler0.svelte-162ler0.svelte-162ler0,
.game-sscft .history-list.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    top: 168px
}

.resitem.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    margin: 0 1vw;
    padding: 0 .6vw;
    display: inline-block;
    text-align: center
}

.sixn.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    background: linear-gradient(180deg, #3273f9, #325cb5);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sixn.hong.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    background: linear-gradient(180deg, #ff6363, #b32525)
}

.sixn.lv.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
    background: linear-gradient(180deg, #16c309, #1c8215)
}

.resitem.svelte-162ler0 em.svelte-162ler0.svelte-162ler0 {
    font-style: normal
}

@media (max-width: 400px) {
    .game-hd.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
        height: 45vw
    }

    .game-pk10ft .game-hd.svelte-162ler0.svelte-162ler0.svelte-162ler0,
    .game-sscft .game-hd.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
        height: 53vw
    }

    prev.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
        font-size: 5vw;
        height: 16vw;
        margin-top: 1vw
    }

    .game-pk10ft .game-hd.svelte-162ler0 prev.svelte-162ler0.svelte-162ler0,
    .game-sscft .game-hd.svelte-162ler0 prev.svelte-162ler0.svelte-162ler0 {
        height: 45vw;
        overflow: hidden
    }

    gametime.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
        height: 9vw
    }

    .buttons.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
        font-size: 3.9vw;
        height: 9vw;
        overflow: hidden
    }

    periodnum.svelte-162ler0.svelte-162ler0.svelte-162ler0,
    .periodnum.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
        font-size: 3.6vw;
        margin-right: 1vw
    }

    gametime.svelte-162ler0 span.svelte-162ler0.svelte-162ler0 {
        font-size: 4.2vw
    }

    .buttons.svelte-162ler0>div.svelte-162ler0>span.svelte-162ler0 {
        margin-left: 0vw
    }

    .history-list.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
        top: 36vw
    }

    .game-pk10ft .history-list.svelte-162ler0.svelte-162ler0.svelte-162ler0,
    .game-sscft .history-list.svelte-162ler0.svelte-162ler0.svelte-162ler0 {
        top: 44vw
    }
}

.bcontainer.svelte-e23xbd.svelte-e23xbd {
    display: flex;
    flex-wrap: wrap;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.b0.svelte-e23xbd.svelte-e23xbd,
.b1.svelte-e23xbd.svelte-e23xbd,
.b2.svelte-e23xbd.svelte-e23xbd {
    display: flex;
    flex-direction: column;
    border-radius: 9999px;
    text-align: center;
    width: 16vw;
    height: 16vw;
    padding-top: 5.9vw;
    margin: 2vw;
    border: 1px #dcdcdc solid;
    background-color: #f7f7f7;
    font-size: 4.2vw;
    line-height: 4.2vw;
    color: #666
}

.b1.svelte-e23xbd span.svelte-e23xbd,
.b2.svelte-e23xbd span.svelte-e23xbd {
    font-weight: 700;
    margin-bottom: 1vw
}

.b1.svelte-e23xbd.svelte-e23xbd,
.b2.svelte-e23xbd.svelte-e23xbd {
    padding-top: 3.6vw
}

.b2.svelte-e23xbd.svelte-e23xbd {
    width: 14.26666vw;
    height: 14.26666vw;
    margin: 2vw 1.2vw;
    padding-top: 2.3vw
}

.b1.svelte-e23xbd em.svelte-e23xbd,
.b2.svelte-e23xbd em.svelte-e23xbd {
    font-style: normal;
    font-size: 3.6vw;
    line-height: 3.6vw
}

h3.svelte-e23xbd.svelte-e23xbd {
    margin: 3vw 0;
    padding: 3vw 0 3vw 4vw;
    background-color: #f7f7f7;
    border-top: 1px #ededed solid;
    border-bottom: 1px #ededed solid;
    font-size: 4.3vw;
    font-weight: 400;
    color: #666
}

.b0.ba.svelte-e23xbd.svelte-e23xbd,
.b1.ba.svelte-e23xbd.svelte-e23xbd,
.b2.ba.svelte-e23xbd.svelte-e23xbd {
    border: 1px #1f9683 solid;
    background-color: #1f9683;
    color: #fff
}

.game.svelte-1x2mfid.svelte-1x2mfid {
    height: 100%;
    display: flex;
    flex-direction: column
}

.bd.svelte-1x2mfid.svelte-1x2mfid {
    border-top: 1px #ededed solid;
    flex: 1 1 0%;
    overflow-y: auto
}

.bet-confirm.svelte-1x2mfid table.svelte-1x2mfid {
    border-collapse: collapse
}

.bet-confirm.svelte-1x2mfid table thead tr.svelte-1x2mfid:first-child {
    background: #ccc
}

.bet-confirm.svelte-1x2mfid table th.svelte-1x2mfid,
.bet-confirm.svelte-1x2mfid table td.svelte-1x2mfid {
    text-align: center;
    font-size: 3.2vw;
    padding: .6vw .3vw .3vw
}

.bet-confirm.svelte-1x2mfid table tbody tr.svelte-1x2mfid:nth-of-type(even) {
    background-color: #f1f1f1
}

.bd-hpb1.svelte-1x2mfid.svelte-1x2mfid {
    padding-bottom: 122px
}

@media (max-width: 400px) {
    .bd-hpb1.svelte-1x2mfid.svelte-1x2mfid {
        padding-bottom: 27.2vw
    }
}

@media (max-width: 310px) {
    .bd-hpb1.svelte-1x2mfid.svelte-1x2mfid {
        padding-bottom: 21.2vw
    }
}

.bankcard.svelte-1rv7z5z.svelte-1rv7z5z {
    z-index: 20;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

footer.svelte-1rv7z5z button.svelte-1rv7z5z {
    width: 48%
}

.bankcard.svelte-1rv7z5z .form-input {
    background-color: #eee
}

.bind-receive.svelte-1oi6djc.svelte-1oi6djc {
    z-index: 20;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

footer.svelte-1oi6djc button.svelte-1oi6djc {
    width: 48%
}

.change-password.svelte-eqx41b.svelte-eqx41b {
    z-index: 20;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

footer.svelte-eqx41b button.svelte-eqx41b {
    width: 48%
}

.change-password.svelte-eqx41b .form-input {
    background-color: #eee
}

.user-center.svelte-1mo97ef.svelte-1mo97ef {
    display: flex;
    height: 100%;
    flex-direction: column
}

.item.svelte-1mo97ef.svelte-1mo97ef {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    padding: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.icon.svelte-1mo97ef.svelte-1mo97ef {
    margin-right: 1rem;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 9999px;
    text-align: center;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.item.svelte-1mo97ef:nth-of-type(6n + 1) .icon.svelte-1mo97ef {
    background-color: #f39741
}

.item.svelte-1mo97ef:nth-of-type(6n + 2) .icon.svelte-1mo97ef {
    background-color: #65c15c
}

.item.svelte-1mo97ef:nth-of-type(6n + 3) .icon.svelte-1mo97ef {
    background-color: #b484d8
}

.item.svelte-1mo97ef:nth-of-type(6n + 4) .icon.svelte-1mo97ef {
    background-color: #5594e6
}

.item.svelte-1mo97ef:nth-of-type(6n + 5) .icon.svelte-1mo97ef {
    background-color: #3bcee9
}

.item.svelte-1mo97ef:nth-of-type(6n) .icon.svelte-1mo97ef {
    background-color: #ef6548
}

.icon.svelte-1mo97ef svg {
    height: 2rem;
    width: 2rem;
    fill: currentColor
}

.label.svelte-1mo97ef.svelte-1mo97ef {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.right.svelte-1mo97ef.svelte-1mo97ef {
    position: absolute;
    right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.pull-refresh.svelte-h6yt4m>.place.svelte-h6yt4m {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.pull-refresh.svelte-h6yt4m svg {
    height: 1rem;
    width: 1rem;
    fill: currentColor
}

.promote.svelte-1wv86sh {
    display: flex;
    height: 100%;
    flex: 1 1 0%;
    flex-direction: column
}

select.svelte-1c1n9bc {
    min-width: 96px;
    border-radius: .25rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding: .25rem .5rem
}

.team.svelte-1icdxu1 {
    display: flex;
    height: 100%;
    flex-direction: column
}

.download.svelte-145mwvo {
    height: 100vh;
    background: url(/assets/download-bg.33a50361.jpg);
    background-size: cover;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.title.svelte-145mwvo {
    background-color: var(--color-1);
    color: #3e5175;
    height: 2.5rem;
    text-align: center;
    font-weight: 700;
    line-height: 2.5rem
}

.main-body.svelte-145mwvo {
    flex: 1 1 0%;
    overflow: auto
}

.user-center.svelte-guncir {
    height: 100vh
}

.service.svelte-1vmz09y.svelte-1vmz09y {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    height: 100%
}

.bd.svelte-1vmz09y.svelte-1vmz09y {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.bd.svelte-1vmz09y .msgs.svelte-1vmz09y {
    flex: 1 1 0%;
    overflow: auto;
    padding: .5rem 1rem
}

.avatar.svelte-1vmz09y.svelte-1vmz09y {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253 / var(--tw-bg-opacity));
    padding: .25rem;
    width: 38px;
    height: 38px;
    right: 0
}

.msg.recv.svelte-1vmz09y .avatar.svelte-1vmz09y {
    left: 0
}

.avatar.svelte-1vmz09y svg {
    width: 30px;
    height: 30px
}

.avatar2.svelte-1vmz09y.svelte-1vmz09y {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252 / var(--tw-bg-opacity))
}

.msg.svelte-1vmz09y.svelte-1vmz09y {
    position: relative;
    margin-top: 2.25rem;
    text-align: right
}

.msg.recv.svelte-1vmz09y.svelte-1vmz09y {
    padding-right: 0;
    padding-left: 45px
}

.msg.svelte-1vmz09y .time.svelte-1vmz09y {
    top: -18px;
    right: 10px;
    font-size: 12px;
    position: absolute
}

.msg.recv.svelte-1vmz09y .time.svelte-1vmz09y {
    left: 50px
}

.msg.svelte-1vmz09y .wrap span.svelte-1vmz09y {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

.msg.svelte-1vmz09y .wrap.svelte-1vmz09y {
    display: inline-block;
    word-break: break-all;
    border-radius: .5rem;
    padding: .5rem;
    min-width: 100px;
    max-width: 90%;
    background-color: #01b339;
    color: #fff;
    font-size: 3.2vw
}

@media (min-width: 400px) {
    .msg.svelte-1vmz09y .wrap.svelte-1vmz09y {
        font-size: 3.5vw
    }
}

@media (min-width: 700px) {
    .msg.svelte-1vmz09y .wrap.svelte-1vmz09y {
        font-size: 14px
    }
}

.msg.recv.svelte-1vmz09y.svelte-1vmz09y {
    text-align: left
}

.msg.recv.svelte-1vmz09y .wrap.svelte-1vmz09y {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    background-color: #fafafa;
    color: #666
}

.msg.recv.svelte-1vmz09y .wrap span.svelte-1vmz09y {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.current-service.svelte-1vmz09y.svelte-1vmz09y {
    background: #2f2f2f;
    width: 100%;
    font-size: 14px;
    border-bottom-width: 1px;
    padding-left: 1.5rem;
    padding-top: .25rem;
    padding-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.current-service.svelte-1vmz09y svg {
    fill: #fff;
    height: 1.25rem;
    width: 1.25rem
}

.foot.svelte-1vmz09y.svelte-1vmz09y {
    display: flex;
    width: 100%;
    align-items: center;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-bottom: .25rem;
    padding-right: .25rem;
    padding-top: .5rem
}

.foot.svelte-1vmz09y .input.svelte-1vmz09y {
    margin-left: .5rem;
    margin-right: .5rem;
    flex: 1 1 0%
}

.foot.svelte-1vmz09y .input input.svelte-1vmz09y {
    background-color: #eee;
    outline: none
}

.foot.svelte-1vmz09y input.svelte-1vmz09y {
    height: 2.25rem;
    width: 100%;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.plain-input.svelte-1vmz09y.svelte-1vmz09y {
    height: 2.25rem;
    width: 100%;
    border-radius: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: #eaeaea;
    outline: none
}

pcball.svelte-1efwc4o {
    margin-right: 1px;
    background: linear-gradient(0deg, #72368f, #9550b6 35%, #b86add);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #2d2c2c;
    display: inline-block;
    border-radius: 9999px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

pcball.sum.svelte-1efwc4o {
    background: radial-gradient(circle, #fa7476, #f44040, #ee0b0b)
}

ball.svelte-1efwc4o {
    background: var(--primary-linear-gradient);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #2d2c2c;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 9999px !important;
    display: inline-block;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.num.svelte-1efwc4o {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 4px;
    margin-top: .5rem;
    display: inline-block;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
    text-align: center;
    font-weight: 700;
    font-style: normal;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

num.num1.svelte-1efwc4o,
num.num.num1.svelte-1efwc4o {
    background-color: #ffbe00
}

num.num2.svelte-1efwc4o,
num.num.num2.svelte-1efwc4o {
    background-color: #0089ff
}

num.num3.svelte-1efwc4o,
num.num.num3.svelte-1efwc4o {
    background-color: #4d4d4d
}

num.num4.svelte-1efwc4o,
num.num.num4.svelte-1efwc4o {
    background-color: #ff7300
}

num.num5.svelte-1efwc4o,
num.num.num5.svelte-1efwc4o {
    background-color: #2bcccc
}

num.num6.svelte-1efwc4o,
num.num.num6.svelte-1efwc4o {
    background-color: #7f52de
}

num.num7.svelte-1efwc4o,
num.num.num7.svelte-1efwc4o {
    background-color: #9a9999
}

num.num8.svelte-1efwc4o,
num.num.num8.svelte-1efwc4o {
    background-color: #ec4949
}

num.num9.svelte-1efwc4o,
num.num.num9.svelte-1efwc4o {
    background-color: #ad5353
}

num.num10.svelte-1efwc4o,
num.num.num10.svelte-1efwc4o {
    background-color: #35ad2b
}

num.num1.svelte-1efwc4o {
    background-position: 0 0
}

num.num2.svelte-1efwc4o {
    background-position: 0 -6vw
}

num.num3.svelte-1efwc4o {
    background-position: 0 -12vw
}

num.num4.svelte-1efwc4o {
    background-position: 0 -45vw
}

num.num5.svelte-1efwc4o {
    background-position: 0 -24vw
}

num.num6.svelte-1efwc4o {
    background-position: 0 -30vw
}

num.num7.svelte-1efwc4o {
    background-position: 0 -36vw
}

num.num8.svelte-1efwc4o {
    background-position: 0 -42vw
}

num.num9.svelte-1efwc4o {
    background-position: 0 -48vw
}

num.num10.svelte-1efwc4o {
    background-position: 0 -54vw
}

.result-item.svelte-1y34yq9 {
    display: flex;
    height: 100%;
    flex-direction: column
}

.logo.svelte-155b3v5.svelte-155b3v5 {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden
}

.logo.svelte-155b3v5 img.svelte-155b3v5 {
    width: auto
}

.logo.svelte-155b3v5 img.svelte-155b3v5:last-child {
    width: 830px
}

.nav.svelte-155b3v5.svelte-155b3v5 {
    min-width: 1220px;
    background-color: #458aff;
    color: #fff
}

.nav.svelte-155b3v5 .items.svelte-155b3v5 {
    width: 1220px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.nav.svelte-155b3v5 .items span.svelte-155b3v5 {
    line-height: 50px;
    margin-right: 1rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem
}

.nav.svelte-155b3v5 .items span.svelte-155b3v5:nth-child(1),
.nav.svelte-155b3v5 .items span.svelte-155b3v5:nth-child(2) {
    font-weight: 700
}

.nav.svelte-155b3v5 .items span.svelte-155b3v5 svg {
    margin-left: .5rem;
    height: .75rem;
    width: .75rem;
    fill: currentColor
}

.nav.svelte-155b3v5 .items span.active.svelte-155b3v5,
.nav.svelte-155b3v5 .items span.svelte-155b3v5:hover {
    background-color: #2a65b9
}

.lotteries.svelte-155b3v5.svelte-155b3v5 {
    display: none;
    top: 50px;
    left: 0;
    right: 0;
    line-height: 1;
    font-weight: 400;
    z-index: 10;
    position: absolute;
    cursor: default;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.nav.svelte-155b3v5 .items span:hover .lotteries.svelte-155b3v5 {
    display: block
}

.menus.svelte-155b3v5.svelte-155b3v5 {
    width: 100%;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: .5rem;
    padding-bottom: 1rem;
    line-height: 1
}

.parent-menu.svelte-155b3v5.svelte-155b3v5 {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
    padding: 1rem
}

.parent-menu.svelte-155b3v5.svelte-155b3v5:last-child {
    border-style: none
}

.parent-menu.svelte-155b3v5>.title.svelte-155b3v5 {
    position: relative;
    display: flex;
    width: 9rem;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.nav.svelte-155b3v5 .items span .parent-menu>.title svg.svelte-155b3v5 {
    margin-right: .75rem;
    height: 2rem;
    width: 2rem
}

.parent-menu.svelte-155b3v5>.title.svelte-155b3v5:after {
    content: "|";
    top: 2px;
    font-size: 13px;
    position: absolute;
    right: .5rem;
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

.sub-menus.svelte-155b3v5 .menu.svelte-155b3v5 {
    margin-left: .5rem;
    margin-right: .5rem;
    display: inline-block;
    cursor: pointer;
    border-radius: .25rem;
    padding: .5rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.sub-menus.svelte-155b3v5 .menu.svelte-155b3v5:hover {
    background-color: #e73f3f;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.foot.svelte-1kjyscz.svelte-1kjyscz {
    background-color: #f8f8f8;
    border-top-width: 1px;
    text-align: center
}

.links.svelte-1kjyscz.svelte-1kjyscz {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.links.svelte-1kjyscz span.svelte-1kjyscz {
    position: relative;
    margin-left: .75rem;
    margin-right: .75rem;
    display: inline-block;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.links.svelte-1kjyscz span.svelte-1kjyscz:hover {
    color: #fa8e19
}

.links.svelte-1kjyscz span.svelte-1kjyscz:after {
    content: "|";
    right: -16px;
    position: absolute;
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

.links.svelte-1kjyscz span.svelte-1kjyscz:last-child:after {
    display: none
}

.copyright.svelte-1kjyscz.svelte-1kjyscz {
    background-color: #444;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.item.svelte-de8uhz {
    display: flex;
    cursor: pointer;
    align-items: center;
    border-bottom-width: 1px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.item.on.svelte-de8uhz {
    color: #fa8e61
}

.item.svelte-de8uhz:last-child {
    border-style: none
}

.item.svelte-de8uhz svg {
    margin-left: 1rem;
    height: .75rem;
    width: .75rem;
    fill: #d1d5db
}

.item.on.svelte-de8uhz svg {
    fill: currentColor
}

.game-rule.svelte-14z0vxm.svelte-14z0vxm {
    background-color: #fff;
    top: 50%;
    left: 50%;
    width: 1300px;
    height: 90vh;
    max-height: 800px;
    transform: translate(-50%, -50%);
    -webkit-animation: svelte-14z0vxm-show-win .2s ease;
    animation: svelte-14z0vxm-show-win .2s ease;
    transition: all .2s ease-in-out;
    box-shadow: 1px 1px 15px #0000004d;
    position: fixed;
    z-index: 10;
    display: block;
    overflow: hidden;
    border-radius: .125rem
}

.game-rule.max.svelte-14z0vxm.svelte-14z0vxm {
    width: 100%;
    height: 100%;
    max-height: unset
}

.game-rule.min.svelte-14z0vxm.svelte-14z0vxm {
    left: 5px;
    bottom: 10px;
    top: unset;
    height: 40px;
    width: 250px;
    transform: none
}

dialog-title.svelte-14z0vxm.svelte-14z0vxm {
    height: 43px;
    line-height: 43px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    display: flex
}

dialog-title.svelte-14z0vxm h4.svelte-14z0vxm {
    font-size: 18px;
    flex: 1 1 0%;
    padding-left: 1rem;
    font-weight: 700
}

dialog-title.svelte-14z0vxm buttons.svelte-14z0vxm {
    padding-right: .5rem
}

dialog-title.svelte-14z0vxm buttons.svelte-14z0vxm svg {
    width: 20px;
    height: 20px
}

dialog-title.svelte-14z0vxm button.svelte-14z0vxm {
    margin-left: .5rem;
    margin-right: .5rem
}

@-webkit-keyframes svelte-14z0vxm-show-win {
    0% {
        transform: scale(0) translate(-50%, -50%);
        top: 0%;
        left: 0%
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

@keyframes svelte-14z0vxm-show-win {
    0% {
        transform: scale(0) translate(-50%, -50%);
        top: 0%;
        left: 0%
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

dialog-body.svelte-14z0vxm.svelte-14z0vxm {
    display: flex;
    height: 100%
}

dialog-body.svelte-14z0vxm left.svelte-14z0vxm {
    width: 200px;
    border-right: 1px solid #e0e1e7;
    display: block;
    height: 100%
}

group-title.svelte-14z0vxm.svelte-14z0vxm {
    height: 50px;
    line-height: 30px;
    border-color: #e0e1e7;
    padding: 10px 14px;
    display: block;
    border-bottom-width: 1px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700
}

group-item.svelte-14z0vxm.svelte-14z0vxm {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e0e1e7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    padding: 0 20px;
    cursor: pointer
}

group-item.svelte-14z0vxm svg {
    width: 18px;
    height: 18px
}

group-item.svelte-14z0vxm.svelte-14z0vxm:hover,
group-item.on.svelte-14z0vxm.svelte-14z0vxm {
    background-color: var(--primary-hover-color);
    color: #fff
}

group-item.svelte-14z0vxm:hover svg,
group-item.on.svelte-14z0vxm svg {
    fill: #fff
}

dialog-body.svelte-14z0vxm right.svelte-14z0vxm {
    display: block;
    height: 100%;
    flex: 1 1 0%
}

.game-dialog.svelte-serhf2.svelte-serhf2 {
    background-color: #fff;
    top: 50%;
    left: 50%;
    width: 1300px;
    height: 90vh;
    max-height: 800px;
    transform: translate(-50%, -50%);
    -webkit-animation: svelte-serhf2-show-win .2s ease;
    animation: svelte-serhf2-show-win .2s ease;
    transition: all .2s ease-in-out;
    box-shadow: 1px 1px 15px #0000004d;
    position: fixed;
    z-index: 10;
    display: block;
    overflow: hidden;
    border-radius: .125rem
}

.game-dialog.max.svelte-serhf2.svelte-serhf2 {
    width: 100%;
    height: 100%;
    max-height: unset
}

.game-dialog.min.svelte-serhf2.svelte-serhf2 {
    left: 5px;
    bottom: 10px;
    top: unset;
    height: 40px;
    width: 250px;
    transform: none
}

dialog-title.svelte-serhf2.svelte-serhf2 {
    height: 43px;
    line-height: 43px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    display: flex
}

dialog-title.svelte-serhf2 h4.svelte-serhf2 {
    font-size: 18px;
    flex: 1 1 0%;
    padding-left: 1rem;
    font-weight: 700
}

dialog-title.svelte-serhf2 buttons.svelte-serhf2 {
    padding-right: .5rem
}

dialog-title.svelte-serhf2 buttons.svelte-serhf2 svg {
    width: 20px;
    height: 20px
}

dialog-title.svelte-serhf2 button.svelte-serhf2 {
    margin-left: .5rem;
    margin-right: .5rem
}

@-webkit-keyframes svelte-serhf2-show-win {
    0% {
        transform: scale(0) translate(-50%, -50%);
        top: 0%;
        left: 0%
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

@keyframes svelte-serhf2-show-win {
    0% {
        transform: scale(0) translate(-50%, -50%);
        top: 0%;
        left: 0%
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

dialog-body.svelte-serhf2.svelte-serhf2 {
    display: flex;
    height: 100%
}

.xtabs.svelte-serhf2>span.svelte-serhf2 {
    margin-left: .5rem;
    margin-right: .5rem;
    display: inline-block;
    cursor: pointer;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    padding: .25rem .5rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.xtabs.svelte-serhf2>span.on.svelte-serhf2 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

.game-dialog.svelte-serhf2 .history-body.svelte-serhf2 {
    height: calc(90vh - 145px);
    max-height: 655px;
    overflow: auto
}

.game-dialog.max.svelte-serhf2 .history-body.svelte-serhf2 {
    height: calc(100vh - 145px);
    max-height: unset;
    overflow: auto
}

.service.svelte-1gg5eo4.svelte-1gg5eo4 {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column
}

.bd.svelte-1gg5eo4.svelte-1gg5eo4 {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.bd.svelte-1gg5eo4 .msgs.svelte-1gg5eo4 {
    flex: 1 1 0%;
    overflow: auto;
    padding: 3rem 1rem .5rem
}

.msg.svelte-1gg5eo4.svelte-1gg5eo4 {
    margin-bottom: 1rem
}

.msg.svelte-1gg5eo4 .wrap span.svelte-1gg5eo4 {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.msg.svelte-1gg5eo4 .wrap.svelte-1gg5eo4 {
    max-width: 80%;
    display: inline-block;
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(221 214 254 / var(--tw-bg-opacity));
    padding: .5rem
}

.msg.recv.svelte-1gg5eo4.svelte-1gg5eo4 {
    text-align: right
}

.msg.recv.svelte-1gg5eo4 .wrap.svelte-1gg5eo4 {
    --tw-bg-opacity: 1;
    background-color: rgb(167 243 208 / var(--tw-bg-opacity))
}

.service-users.svelte-1gg5eo4.svelte-1gg5eo4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.service-users.svelte-1gg5eo4>div.svelte-1gg5eo4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding: .5rem
}

.current-service.svelte-1gg5eo4.svelte-1gg5eo4 {
    border-color: var(--primary-color);
    background: rgba(255, 255, 255, .8);
    width: 90%;
    left: 5%;
    top: 0;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-left: 1.5rem;
    padding-top: .25rem;
    padding-bottom: .5rem
}

.service-users.svelte-1gg5eo4 svg {
    height: 3rem;
    width: 3rem
}

.current-service.svelte-1gg5eo4 svg {
    height: 1.25rem;
    width: 1.25rem
}

.foot.svelte-1gg5eo4.svelte-1gg5eo4 {
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: .25rem
}

.foot.svelte-1gg5eo4 input.svelte-1gg5eo4 {
    margin-left: .5rem;
    margin-right: .5rem;
    height: 2.25rem;
    flex: 1 1 0%;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.service.svelte-12dhqs6.svelte-12dhqs6 {
    display: flex;
    flex-direction: row;
    flex: 1;
    overflow: hidden;
    height: 100%
}

.left.svelte-12dhqs6.svelte-12dhqs6 {
    flex-wrap: wrap;
    overflow: auto;
    padding-bottom: 50px
}

.client.svelte-12dhqs6.svelte-12dhqs6 {
    position: relative;
    margin-top: .25rem;
    margin-bottom: .25rem;
    margin-right: .5rem;
    cursor: pointer;
    border-radius: .5rem;
    border-bottom-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity));
    padding-left: .25rem;
    padding-right: 3.5rem
}

.client.svelte-12dhqs6.svelte-12dhqs6:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.client.on.svelte-12dhqs6.svelte-12dhqs6 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.client.on.svelte-12dhqs6 svg {
    fill: #fff
}

.client.on.svelte-12dhqs6.svelte-12dhqs6 {
    font-weight: 700
}

.client.svelte-12dhqs6 span.svelte-12dhqs6 {
    display: block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-align: center
}

.client.svelte-12dhqs6 i.svelte-12dhqs6 {
    font-style: normal;
    right: 32px;
    position: absolute;
    top: .5rem;
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity));
    text-align: center;
    font-size: .75rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.client.svelte-12dhqs6 b.svelte-12dhqs6 {
    font-style: normal;
    right: 8px;
    position: absolute;
    top: .5rem;
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 9999px;
    text-align: center;
    font-size: .75rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.right.svelte-12dhqs6.svelte-12dhqs6 {
    overflow: auto;
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.msgs.svelte-12dhqs6.svelte-12dhqs6 {
    flex: 1 1 0%;
    overflow: auto;
    padding: 3rem 1rem .5rem
}

.r1.svelte-12dhqs6 .left.svelte-12dhqs6,
.r1.svelte-12dhqs6 .right.svelte-12dhqs6 {
    padding-bottom: 120px
}

.msg.svelte-12dhqs6.svelte-12dhqs6 {
    margin-bottom: 1rem
}

.msg.svelte-12dhqs6 .wrap span.svelte-12dhqs6 {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.msg.svelte-12dhqs6 .wrap.svelte-12dhqs6 {
    max-width: 80%;
    display: inline-block;
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(221 214 254 / var(--tw-bg-opacity));
    padding: .5rem
}

.msg.recv.svelte-12dhqs6.svelte-12dhqs6 {
    text-align: right
}

.msg.recv.svelte-12dhqs6 .wrap.svelte-12dhqs6 {
    --tw-bg-opacity: 1;
    background-color: rgb(167 243 208 / var(--tw-bg-opacity))
}

.service-users.svelte-12dhqs6.svelte-12dhqs6 {
    margin-left: 1rem;
    margin-right: 1rem
}

.current-service.svelte-12dhqs6.svelte-12dhqs6 {
    border-color: var(--primary-color);
    background: rgba(255, 255, 255, .8);
    width: 90%;
    left: 5%;
    top: 0;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-left: 1.5rem;
    padding-top: .25rem;
    padding-bottom: .5rem
}

.service-users.svelte-12dhqs6 svg {
    height: 3rem;
    width: 3rem
}

.current-service.svelte-12dhqs6 svg {
    height: 1.25rem;
    width: 1.25rem
}

.foot.svelte-12dhqs6.svelte-12dhqs6 {
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: .25rem
}

.r1.svelte-12dhqs6 .foot.svelte-12dhqs6 {
    height: 50px;
    position: fixed;
    bottom: 0;
    z-index: 100;
    left: 0;
    background: #aaa
}

.foot.svelte-12dhqs6 .input.svelte-12dhqs6 {
    margin-left: .5rem;
    margin-right: .5rem;
    flex: 1 1 0%
}

.foot.svelte-12dhqs6 input.svelte-12dhqs6 {
    height: 2.25rem;
    width: 100%;
    border-radius: .25rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.game-dialog.svelte-51glf3.svelte-51glf3 {
    background-color: #fff;
    top: 50%;
    left: 50%;
    width: 650px;
    height: 90vh;
    max-height: 800px;
    transform: translate(-50%, -50%);
    -webkit-animation: svelte-51glf3-show-win .2s ease;
    animation: svelte-51glf3-show-win .2s ease;
    transition: all .2s ease-in-out;
    box-shadow: 1px 1px 15px #0000004d;
    position: fixed;
    z-index: 10;
    display: block;
    overflow: hidden;
    border-radius: .125rem
}

.game-dialog.max.svelte-51glf3.svelte-51glf3 {
    width: 100%;
    height: 100%;
    max-height: unset
}

.game-dialog.min.svelte-51glf3.svelte-51glf3 {
    left: 5px;
    bottom: 10px;
    top: unset;
    height: 40px;
    width: 250px;
    transform: none
}

dialog-title.svelte-51glf3.svelte-51glf3 {
    height: 43px;
    line-height: 43px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    display: flex
}

dialog-title.svelte-51glf3 h4.svelte-51glf3 {
    font-size: 18px;
    flex: 1 1 0%;
    padding-left: 1rem;
    font-weight: 700
}

dialog-title.svelte-51glf3 buttons.svelte-51glf3 {
    padding-right: .5rem
}

dialog-title.svelte-51glf3 buttons.svelte-51glf3 svg {
    width: 20px;
    height: 20px
}

dialog-title.svelte-51glf3 button.svelte-51glf3 {
    margin-left: .5rem;
    margin-right: .5rem
}

@-webkit-keyframes svelte-51glf3-show-win {
    0% {
        transform: scale(0) translate(-50%, -50%);
        top: 0%;
        left: 0%
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

@keyframes svelte-51glf3-show-win {
    0% {
        transform: scale(0) translate(-50%, -50%);
        top: 0%;
        left: 0%
    }

    to {
        transform: scale(1) translate(-50%, -50%)
    }
}

dialog-body.svelte-51glf3.svelte-51glf3 {
    padding-bottom: 43px;
    display: flex;
    height: 100%
}

@-webkit-keyframes svelte-1wmfoiw-show-win {
    0% {
        margin-left: -100vw
    }

    to {
        margin-left: 0
    }
}

@keyframes svelte-1wmfoiw-show-win {
    0% {
        margin-left: -100vw
    }

    to {
        margin-left: 0
    }
}

.game-rule.svelte-1wmfoiw.svelte-1wmfoiw {
    background-color: #fff;
    top: 5vh;
    left: 5vw;
    width: 90vw;
    height: 90vh;
    max-height: 800px;
    z-index: 50;
    box-shadow: 1px 1px 15px #0000004d;
    -webkit-animation: svelte-1wmfoiw-show-win .2s ease;
    animation: svelte-1wmfoiw-show-win .2s ease;
    position: fixed;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: .125rem
}

.game-rule.max.svelte-1wmfoiw.svelte-1wmfoiw {
    width: 100%;
    height: 100%;
    max-height: unset
}

.game-rule.min.svelte-1wmfoiw.svelte-1wmfoiw {
    left: 5px;
    bottom: 10px;
    top: unset;
    height: 40px;
    width: 250px;
    transform: none
}

dialog-title.svelte-1wmfoiw.svelte-1wmfoiw {
    height: 43px;
    line-height: 43px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    display: flex
}

dialog-title.svelte-1wmfoiw h4.svelte-1wmfoiw {
    font-size: 18px;
    flex: 1 1 0%;
    padding-left: 1rem;
    font-weight: 700
}

dialog-title.svelte-1wmfoiw buttons.svelte-1wmfoiw {
    padding-right: .5rem
}

dialog-title.svelte-1wmfoiw buttons.svelte-1wmfoiw svg {
    width: 20px;
    height: 20px
}

dialog-title.svelte-1wmfoiw button.svelte-1wmfoiw {
    margin-left: .5rem;
    margin-right: .5rem
}

dialog-body.svelte-1wmfoiw.svelte-1wmfoiw {
    display: block;
    height: 100%;
    flex: 1 1 0%;
    overflow: auto
}

@-webkit-keyframes svelte-18p5aer-show-win {
    0% {
        margin-left: -100vw
    }

    to {
        margin-left: 0
    }
}

@keyframes svelte-18p5aer-show-win {
    0% {
        margin-left: -100vw
    }

    to {
        margin-left: 0
    }
}

.game-rule.svelte-18p5aer.svelte-18p5aer {
    background-color: #fff;
    top: 5vh;
    left: 2.5vw;
    width: 95vw;
    height: 90vh;
    max-height: 800px;
    z-index: 50;
    box-shadow: 1px 1px 15px #0000004d;
    -webkit-animation: svelte-18p5aer-show-win .2s ease;
    animation: svelte-18p5aer-show-win .2s ease;
    position: fixed;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: .125rem
}

.game-rule.max.svelte-18p5aer.svelte-18p5aer {
    width: 100%;
    height: 100%;
    max-height: unset
}

.game-rule.min.svelte-18p5aer.svelte-18p5aer {
    left: 5px;
    bottom: 10px;
    top: unset;
    height: 40px;
    width: 250px;
    transform: none
}

dialog-title.svelte-18p5aer.svelte-18p5aer {
    height: 43px;
    line-height: 43px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    display: flex
}

dialog-title.svelte-18p5aer h4.svelte-18p5aer {
    font-size: 18px;
    flex: 1 1 0%;
    padding-left: 1rem;
    font-weight: 700
}

dialog-title.svelte-18p5aer buttons.svelte-18p5aer {
    padding-right: .5rem
}

dialog-title.svelte-18p5aer buttons.svelte-18p5aer svg {
    width: 20px;
    height: 20px
}

dialog-title.svelte-18p5aer button.svelte-18p5aer {
    margin-left: .5rem;
    margin-right: .5rem
}

dialog-body.svelte-18p5aer.svelte-18p5aer {
    display: block;
    height: 100%;
    flex: 1 1 0%;
    overflow: auto
}

.alert.svelte-ty9xov.svelte-ty9xov {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: .5;
    -webkit-animation: show-dialog .6s;
    animation: show-dialog .6s
}

.content.svelte-ty9xov.svelte-ty9xov {
    margin: 1rem;
    width: auto;
    overflow: hidden;
    overflow-y: auto;
    -webkit-animation: show-dialog-content .3s;
    animation: show-dialog-content .3s;
    max-height: 100vh;
    min-width: 92vw
}

.title.svelte-ty9xov.svelte-ty9xov {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 400;
    font-size: 20px
}

.hd.svelte-ty9xov.svelte-ty9xov {
    background-color: var(--blue);
    display: flex;
    align-items: center;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.hd.svelte-ty9xov svg {
    height: 1.75rem;
    width: 1.75rem;
    fill: #e5e7eb
}

.hd.svelte-ty9xov h3.svelte-ty9xov {
    font-size: 18px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    flex: 1 1 0%
}

.bd.svelte-ty9xov.svelte-ty9xov {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-align: center;
    height: 75vh;
    font-size: 17px;
    color: #888
}

.app.svelte-14tpkou.svelte-14tpkou {
    overflow: auto;
    width: 100vw;
    height: 100vh;
    background: url(/assets/bg3.6740b901.jpg);
    background-size: cover
}

.servers.svelte-14tpkou .ping.gray.svelte-14tpkou {
    color: gray
}

.servers.svelte-14tpkou .ping.green.svelte-14tpkou {
    color: green
}

.servers.svelte-14tpkou .ping.yellow.svelte-14tpkou {
    color: #ed8b48
}

.servers.svelte-14tpkou .ping.red.svelte-14tpkou {
    color: red
}

@media (min-width: 780px) {
    .logo.svelte-14tpkou.svelte-14tpkou {
        padding-top: 6rem
    }

    .logo.svelte-14tpkou.svelte-14tpkou {
        padding-bottom: 2.5rem
    }

    .logo.svelte-14tpkou img.svelte-14tpkou {
        margin-left: auto;
        margin-right: auto
    }

    .logo.svelte-14tpkou img.svelte-14tpkou {
        height: 100px
    }

    .box.svelte-14tpkou.svelte-14tpkou {
        margin-left: auto;
        margin-right: auto
    }

    .box.svelte-14tpkou.svelte-14tpkou {
        display: flex
    }

    .box.svelte-14tpkou.svelte-14tpkou {
        flex-direction: column
    }

    .box.svelte-14tpkou.svelte-14tpkou {
        border-radius: .5rem
    }

    .box.svelte-14tpkou.svelte-14tpkou {
        padding-top: 2.5rem
    }

    .box.svelte-14tpkou.svelte-14tpkou {
        padding-bottom: 2.5rem
    }

    .box.svelte-14tpkou.svelte-14tpkou {
        width: 800px;
        background-color: #2c5f8e4d
    }

    .box.svelte-14tpkou .servers.svelte-14tpkou {
        order: 1
    }

    .box.svelte-14tpkou .btns.svelte-14tpkou {
        order: 2
    }

    .box.svelte-14tpkou .servers.svelte-14tpkou,
    .box.svelte-14tpkou .btns.svelte-14tpkou,
    .box.svelte-14tpkou .download.svelte-14tpkou {
        margin-left: auto;
        margin-right: auto
    }

    .box.svelte-14tpkou .servers.svelte-14tpkou,
    .box.svelte-14tpkou .btns.svelte-14tpkou,
    .box.svelte-14tpkou .download.svelte-14tpkou {
        width: 650px
    }

    .btns.svelte-14tpkou.svelte-14tpkou {
        display: flex
    }

    .btns.svelte-14tpkou.svelte-14tpkou {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .btns.svelte-14tpkou.svelte-14tpkou {
        padding-top: .5rem
    }

    .btns.svelte-14tpkou.svelte-14tpkou {
        padding-bottom: 24px
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        display: block
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        width: 50%
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        cursor: pointer
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        border-radius: 9999px
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        text-align: center
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        line-height: 45px;
        font-size: 18px;
        background-color: #0249ff
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou:nth-child(1) {
        margin-right: 30px;
        background-color: #e89106
    }

    .servers.svelte-14tpkou>div.svelte-14tpkou {
        display: flex
    }

    .servers.svelte-14tpkou>div.svelte-14tpkou {
        border-radius: 9999px
    }

    .servers.svelte-14tpkou>div.svelte-14tpkou {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    .servers.svelte-14tpkou>div.svelte-14tpkou {
        margin-left: 20px;
        margin-right: 20px;
        height: 60px;
        line-height: 60px;
        padding-left: 30px;
        margin-bottom: 30px;
        font-size: 18px
    }

    .servers.svelte-14tpkou .icon.svelte-14tpkou {
        padding-left: 20px
    }

    .servers.svelte-14tpkou .icon.svelte-14tpkou svg {
        fill: #14b16e
    }

    .servers.svelte-14tpkou .name.svelte-14tpkou {
        text-align: center
    }

    .servers.svelte-14tpkou .name.svelte-14tpkou {
        min-width: 30%;
        color: #109aff
    }

    .servers.svelte-14tpkou .ping.svelte-14tpkou {
        flex: 1 1 0%
    }

    .servers.svelte-14tpkou .ping.svelte-14tpkou {
        color: #65c068
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        display: inline-block
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        cursor: pointer
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        border-radius: 9999px
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        text-align: center
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        width: 100px;
        background-color: #375ade;
        margin: 10px;
        line-height: 40px;
        font-size: 16px
    }

    .box.svelte-14tpkou .download.svelte-14tpkou {
        display: none
    }
}

@media (max-width: 780px) {
    .logo.svelte-14tpkou.svelte-14tpkou {
        padding-top: 3vw;
        padding-bottom: 6vw
    }

    .logo.svelte-14tpkou img.svelte-14tpkou {
        margin-left: auto;
        margin-right: auto
    }

    .logo.svelte-14tpkou img.svelte-14tpkou {
        width: 50vw;
        height: auto
    }

    .btns.svelte-14tpkou.svelte-14tpkou {
        display: flex
    }

    .btns.svelte-14tpkou.svelte-14tpkou {
        padding-bottom: 8vw;
        padding-left: 6vw;
        padding-right: 2vw
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        display: block
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        width: 50%
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        cursor: pointer
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        border-radius: 9999px
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        text-align: center
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou {
        line-height: 13.3333vw;
        font-size: 4vw;
        background-color: #0249ff;
        margin-right: 4vw
    }

    .btns.svelte-14tpkou>.btn.svelte-14tpkou:nth-child(1) {
        background-color: #e89106
    }

    .servers.svelte-14tpkou>div.svelte-14tpkou {
        display: flex
    }

    .servers.svelte-14tpkou>div.svelte-14tpkou {
        border-radius: 9999px
    }

    .servers.svelte-14tpkou>div.svelte-14tpkou {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    .servers.svelte-14tpkou>div.svelte-14tpkou {
        margin-left: 2vw;
        margin-right: 2vw;
        height: 13.3333vw;
        line-height: 13.3333vw;
        padding-left: 3vw;
        margin-bottom: 3vw;
        font-size: 3.5vw
    }

    .servers.svelte-14tpkou .icon.svelte-14tpkou {
        padding-left: 2vw
    }

    .servers.svelte-14tpkou .icon.svelte-14tpkou svg {
        fill: #14b16e
    }

    .servers.svelte-14tpkou .name.svelte-14tpkou {
        text-align: center
    }

    .servers.svelte-14tpkou .name.svelte-14tpkou {
        min-width: 30%;
        color: #109aff
    }

    .servers.svelte-14tpkou .ping.svelte-14tpkou {
        flex: 1 1 0%
    }

    .servers.svelte-14tpkou .ping.svelte-14tpkou {
        color: #65c068
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        display: inline-block
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        cursor: pointer
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        border-radius: 9999px
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        text-align: center
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .servers.svelte-14tpkou .enter.svelte-14tpkou {
        width: 25vw;
        background-color: #375ade;
        margin: 2.5vw 2vw;
        line-height: 8.3333vw
    }

    .download.svelte-14tpkou.svelte-14tpkou {
        display: flex
    }

    .download.svelte-14tpkou.svelte-14tpkou {
        margin-top: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
        font-size: 4vw
    }

    .download.svelte-14tpkou svg {
        width: 6vw;
        height: 6vw;
        margin-top: -1vw;
        margin-right: 1vw
    }

    .download.svelte-14tpkou>.svelte-14tpkou {
        cursor: pointer
    }

    .download.svelte-14tpkou>.svelte-14tpkou {
        border-radius: 9999px
    }

    .download.svelte-14tpkou>.svelte-14tpkou {
        text-align: center
    }

    .download.svelte-14tpkou>.svelte-14tpkou {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .download.svelte-14tpkou>.svelte-14tpkou {
        width: 50vw;
        line-height: 13.3333vw;
        background: #375ade;
        margin-left: 2vw;
        margin-right: 2vw
    }
}