html, body, #root {
    scroll-behavior: smooth;
    height: 100%;
}

a,
button {
    cursor: pointer;
    overflow: hidden;
}

/*span {*/
/*    overflow: hidden;*/
/*}*/

body, #body {
    user-select: none !important;
    overflow-x: hidden !important;
    transition: all .2s;
}

.sidebar__nav a {
    cursor: pointer !important;
}

.accordion-button:focus {
    outline: none !important;
    box-shadow: none !important; /* Remove the default box-shadow */
}

/* Remove borders on top and bottom */
.accordion-button {
    border: none !important; /* Remove all borders */
}

/* Optional: If you want to keep some border style */
.accordion-button {
    border: none !important; /* Remove default borders */
    border-radius: 0 !important; /* Remove any border radius */
}

/* Remove box-shadow when accordion is collapsed or expanded */
.accordion-button.collapsed, .accordion-button {
    box-shadow: none !important;
}

.accordion {
    border: none !important;
}


.sidebar__nav button {
    justify-content: space-between;
}

/*.frame-mob__cover img {*/
/*    height: 170px;*/
/*}*/

.game__group {
    cursor: pointer;
}

.vip__btn {
    background: var(--tf-vip);
}

.header__nav {
    gap: 16px;
}

.ranking__name {
    margin-bottom: 0 !important;
}

.ranking__list {
    overflow-y: scroll;
}

.form__switch label p {
    line-height: 34px !important;
}

.sidebar__nav button span {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.frame-mob__btns {
    justify-content: space-around;
}

.sidebar__nav a svg, .sidebar__nav a .svg-icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    color: var(--tf-tc2);

}

/*.sidebar__nav a svg, .sidebar__nav a img {*/
/*    filter: grayscale(100%) sepia(100%) hue-rotate(180deg) saturate(600%) !important;*/
/*    mix-blend-mode: multiply;*/
/*    pointer-events: none;*/
/*    background-color: #ff0000,*/
/**/
/*}*/
/**/
.no-bg {
    background: none !important;
    border: none !important;
}

.sidebar__nav li.active a,
.sidebar__nav li.active a svg {
    color: var(--tf-active) !important;
    stroke: var(--tf-active) !important;
    border-color: var(--tf-active) !important;
}

.tfactive {
    color: var(--tf-active) !important;

}

.sidebar__nav a:hover,
.content__nav li:hover button {
    color: var(--tf-active) !important;
}


button:disabled {
    opacity: .4;
    cursor: not-allowed;
}

/*.header__dropdown {*/
/*    margin-right: 12px !important;*/
/*}*/


.header__user-menu a:hover,
.header__user-menu button:hover {
    color: var(--tf-active) !important;
    cursor: pointer;
}


.header__user-menu a, .header__user-menu button {
    cursor: pointer;
    gap: 8px;

}

.progress-rank {
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 16px;
}

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

.rank-item {
    width: 24px;
    height: 24px;
}


.chat__rank--copper,
.chat__rank--copper-1,
.chat__rank--copper-2,
.chat__rank--copper-3,
.chat__rank--copper-4,
.chat__rank--copper-5 {
    background-size: 20px 20px
}

.chat__rank--bronze,
.chat__rank--bronze-1,
.chat__rank--bronze-2,
.chat__rank--bronze-3,
.chat__rank--bronze-4,
.chat__rank--bronze-5 {
    background-size: 20px 20px
}

.chat__rank--silver,
.chat__rank--silver-1,
.chat__rank--silver-2,
.chat__rank--silver-3,
.chat__rank--silver-4,
.chat__rank--silver-5 {
    background-size: 20px 20px
}

.chat__rank--gold,
.chat__rank--gold-1,
.chat__rank--gold-2,
.chat__rank--gold-3,
.chat__rank--gold-4,
.chat__rank--gold-5 {
    background-size: 20px 20px
}

.chat__rank--platinum,
.chat__rank--platinum-1,
.chat__rank--platinum-2,
.chat__rank--platinum-3,
.chat__rank--platinum-4,
.chat__rank--platinum-5 {
    background-size: 20px 20px
}

.chat__rank--diamond,
.chat__rank--diamond-1,
.chat__rank--diamond-2,
.chat__rank--diamond-3,
.chat__rank--diamond-4,
.chat__rank--diamond-5 {
    background-size: 20px 20px
}

.chat__rank--obsidian,
.chat__rank--obsidian-1,
.chat__rank--obsidian-2,
.chat__rank--obsidian-3,
.chat__rank--obsidian-4,
.chat__rank--obsidian-5 {
    background-size: 20px 20px
}

.chat__rank--king,
.chat__rank--king-1,
.chat__rank--king-2,
.chat__rank--king-3,
.chat__rank--king-4,
.chat__rank--king-5 {
    background-size: 20px 20px
}

.settings {
    padding: 8px;
}


.header__dropdown-btn {
    gap: 4px;
}

.form__radio {
    padding-top: 24px;
}

.form__radio label {
    gap: 8px;
    line-height: 24px;
    padding-left: 34px
}


.form__radio label:before {
    width: 24px;
    height: 24px;
}

.form__radio label:after {
    width: 12px;
    height: 12px;
    left: 6px;
    top: 6px;
}

.fiat-item {
    transition: .4s all;
}

.disactive {
    opacity: .4;
}

.xtable {
    animation: fadeIn222 1s ease-in-out;
    /*table-layout: fixed; !* Ensures columns are of equal width *!*/

}


.xtable tbody td:last-child, .xtable th:last-child {

    text-align: right;
}

.tooltip-bg {
    background-color: #FFF !important;
}


.text-right {
    text-align: right !important;
}


:root {
    --rt-color-white: #fff;
    --rt-color-dark: #222;
    --rt-color-success: #8dc572;
    --rt-color-error: #be6464;
    --rt-color-warning: #f0ad4e;
    --rt-color-info: #337ab7;
    --rt-opacity: 0.9;
    --rt-transition-show-delay: 0.15s;
    --rt-transition-closing-delay: 0.15s;
}


.form__radio label:before {
    background-color: var(--tf-active-opacity) !important;
}

/*.form__radio input:checked + label:after {*/
/*    background-color: rgba(37, 165, 106, 1);*/
/*}*/

.header__wallet-currencies span {
    gap: 2px;
}

.header__wallet-currencies span {
    font-size: 12px;
}

.chat__emoticons-list li {
    cursor: pointer;
}

.chat__emoticons-list li:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}

.chat__user {
    margin-right: 6px;
}


.table-wrap__cellar {
    justify-content: space-around !important;
    gap: 16px;
}

.section__title {
    display: flex;
    gap: 8px;
    align-items: center;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*justify-content: center;*/
}


/*.sidebar__nav a, .sidebar__nav button {*/
/*    padding: 0 8px;*/
/*}*/

.sidebar__menu--collapse, .sidebar__nav--collapse {
    padding: 4px 16px;
}

.article ul {
    padding: 8px 24px;
    list-style: inherit;
}


.tags li a {
    gap: 12px;
}

.chat__dropdown-btn {
    gap: 8px;
}

/*.modal__wallet-dropdown-btn {*/
/*    gap: 8px;*/
/*}*/

.header__link {
    gap: 8px;
    overflow: hidden;
}

.chat__menu a {
    gap: 8px;
}

.modal__wallet-currencies li.active span {
    color: var(--tf-active);
}

.form__wallet .form__input {
    padding: 0 44px 0 20px;
}

.form__input {
    font-size: 13px;
    padding: 0 8px;
}

.frame__cover iframe {
    z-index: 2;
}

#game-parent {
    width: 100%;
    height: 100%;
    z-index: 3;
}

.chatButtonContainer {
    display: none;
}

.fit-content {
    width: fit-content;
}

.frame__cover img {
    /*position: absolute;*/
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*filter: blur(5px)*/
}

/*.frame__logo {*/
/*    display: block;*/
/*    width: 98px;*/
/*    height: 40px;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    opacity: .4;*/
/*    background: var(--tf-logo) no-repeat left center;*/
/*    background-size: 100% 100%*/
/*}*/

.modal__network-menu {
    border-radius: 8px;
    width: 100%;
    min-width: 140px;
    max-width: 220px;
    padding: 20px;
    border: 1px solid var(--tf-border);
    background: var(--tf-bg2);
    box-shadow: none;
    overflow: hidden
}

.modal__wallet-currencies li {
    cursor: pointer;
}

.header__wallet-dropdown-btn {
    gap: 8px;
    padding: 0 8px;
}


.settings__actions {
    margin-bottom: 12px;
}

.accordion-benefits__card button {
    min-height: unset;
}


.pt-24 {
    padding-top: 24px !important;
}

/*.btn-grad {*/
/*    margin: 10px;*/
/*    padding: 15px 45px;*/
/*    text-align: center;*/
/*    text-transform: uppercase;*/
/*    color: white;*/
/*    border-radius: 10px;*/
/*    display: block;*/
/*}*/

.form__btn:hover,
.header__signup:hover,
.hero__signup:hover,
.settings__btn:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.settings__btn:hover svg {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}

.hero__btn, .form__btn, .header__signup, .hero__signup, .settings__btn {
    /*background-image: linear-gradient(to right, #093028 0%, #237A57 51%, #093028 100%);*/

    background-image: var(--tf-cool-button);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0px 0px 4px var(--tf-active);
    border-radius: 4px;
}


.form__btn:disabled, .settings__btn:disabled {
    background-color: var(--tf-btncolor) !important;
    cursor: not-allowed;
}

.modal__wallet-currencies span {
    gap: 4px;
}

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

.sidebar__menu--collapse, .sidebar__nav--collapse {
    background: var(--tf-btn2)
}

.tags li.active a {
    background: rgba(37, 165, 106, 0.4);
    cursor: default
}

.section__title .svg-icon {
    height: 28px;
    width: 28px;
}

.partner {
    cursor: pointer;
    /*animation: fadeIn222 .4s ease-in-out;*/
}

.form__checkbox input:not(:checked) + label, .form__checkbox input:checked + label {
    font-size: 12px;
}

.providers li {
    list-style-type: none;
    margin-bottom: 4px;
}


.footer__list a {
    color: var(--tf-tc2) !important;
}

.frame__cover img {
    filter: unset;
}

/*.sidebar__nav button {*/
/*    justify-content: space-between;*/
/*}*/

.svg-icon {
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.svg-icon:hover {*/
/*    color: red;*/
/*}*/

/*a:hover .svg-icon {*/
/*    color: var(--tf-active) !important;*/
/*}*/

.svg-icon img {
    width: 100%;
    height: 100%;
}

.check-wrapper {
    position: absolute;
    left: 4px;
    height: 100%;
}

.text-align-left {
    text-align: left;
}

.form__label {
    margin-bottom: 0px;
}

.sidebar__nav a svg, .sidebar__nav button svg,
.sidebar__nav a img {
    font-weight: normal;
    font-size: 24px;
    color: var(--tf-tc) !important;
    fill: var(--tf-tc) !important;
    margin-right: 10px;
    margin-bottom: 1px;

}

/*.frame--full {*/
/*    height: calc(100vh - 200px);*/
/*}*/

.slot__pos.slot__pos__orange {
    background-color: #e07545;
}

/*.slot__pos.slot__pos__blue {*/
/*    background-color: var(--tf-active);*/
/*}*/

.slot__pos.slot__pos__purple {
    background-color: #8051d4;
}

.slot__pos.slot__pos__red {
    background-color: #eb5757;
}


.slot__pos.slot__pos__darkblue {
    background-color: #07296f;
}

.slot__pos.slot__pos__darkgreen {
    background-color: #136e52;
}


.slot__pos.slot__pos__pink {
    background-color: #d759eb;
}


.slot__pos.slot__pos__yellow {
    background-color: #ffd700;
}

.tags li {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footer-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 480px) {
    .modal__wallet-dropdown--small {
        max-width: unset;
    }

    .tags {
        overflow-x: auto !important;
        flex-wrap: unset !important;
        width: 100%;
        margin-top: 0 !important;
        padding: 2px 4px !important;
    }

    .header__wallet-dropdown-btn {
        width: 156px;
    }

    .modal__content {
        padding: 16px 8px 76px 8px;
    }


    .footer-logo-container,
    .footer__copyright {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .qr-wrapper {
        align-items: center;
    }

    .qr-wrapper.small .form__qr {
        width: 60% !important;
    }

    .footer-desc div:nth-child(2n) .footer__nav,
    .footer-desc div:nth-child(2n) .footer__list {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .footer__social {
        justify-content: flex-end;
    }

    .footer__accepted {
        padding: 0 4px 4px;
    }

    .frame__switch {
        margin-top: 0;
    }

    .frame__logo {
        display: none;
        width: 0;
        height: 0;
    }

    .frame__actions {
        margin-bottom: 24px;
    }

    /*#093028 0%, #237A57 51%, #093028 100*/
    .content__dropdown {
        width: 100%;
    }

    .content__dropdown-toggle {
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .footer__licenses-list {
        width: 100%;
        justify-content: space-around;
    }

    .table-wrap__head {
        justify-content: space-between;
    }

    .footer__contacts {
        display: flex;
        justify-content: space-around;
        width: 100%;
        flex-wrap: wrap;
        gap: 4px;
        flex-direction: row;
    }

    /*.tags li {*/
    /*    margin: 4px;*/
    /*}*/
    .header__logo {
        background: var(--mini-logo) no-repeat left center;
        width: 38px;
        height: 38px;
        background-size: auto 38px

    }


}

.header__logo {
    cursor: pointer;
    background-size: contain !important;
}

.chat__name {
    margin-left: 4px;
}

/*.chat__message p {*/
/*    line-height: 26px;*/
/*    display: flex;*/
/*}*/

.benefits.modal__content {
    padding: 12px;
}

.accordion-benefits__card {
    margin-top: 8px;
}

.note p {
    color: var(--tf-tc2);
}

.tab-content,
.progress-wrapper,
.multisearch__tags li,
.slot__cover {
    animation: fadeIn222 .6s ease-in-out;
    transition: all;

}

.nav-item {
    animation: fadeIn222 .4s ease-in-out;
}

@media (min-width: 768px) {
    .accordion-benefits {
        margin-top: 8px;
    }

    .form__group, .form__switch, .form__checkbox, .form__qr {
        margin-top: 20px;
    }
}


.sidebar__content {
    padding-bottom: 40px;
}

.slot__img img {
    height: 70%;
    object-fit: fill;
}

.blog__cover {
    margin-bottom: 24px;
}

.section--frame-full {
    padding-top: 0px
}

.frame--full {
    height: calc(100svh - 140px);
}

.big-icon {
    width: 40px;
    height: 40px;
}

.no-layer .slot__img img {
    height: 100%;
}

.slot__title {
    min-height: 48%;
}


.one-line {
    overflow: hidden;
    white-space: nowrap;
    width: 70%;
    font-size: 12px !important;

}

.one-line span {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}


.kush__title--blue {
    background: linear-gradient(0deg, var(--tf-active) 65%, rgba(15, 94, 255, 0) 100%)
}

.kush__title--green {
    background: linear-gradient(0deg, #25a56a 35%, rgba(37, 165, 106, 0) 100%)
}

.kush__title--purple {
    background: linear-gradient(0deg, #8051d4 35%, rgba(128, 81, 212, 0) 100%)
}

.kush__title--orange {
    background: linear-gradient(0deg, #e07545 35%, rgba(224, 117, 69, 0) 100%)
}

.kush__title--red {
    background: linear-gradient(0deg, #eb264d 35%, rgba(235, 38, 77, 0) 100%)
}

.kush__title--darkblue {
    background: linear-gradient(0deg, #07296f 35%, rgba(7, 41, 111, 0) 100%)
}

.kush__title--darkgreen {
    background: linear-gradient(0deg, #136e52 35%, rgba(19, 110, 82, 0) 100%)
}

.kush__title--pink {
    background: linear-gradient(0deg, #d759eb 35%, rgba(215, 89, 235, 0) 100%)
}

.kush__title--yellow {
    background: linear-gradient(0deg, #ffd700 35%, rgba(255, 215, 0, 0) 100%)
}

/*@media (min-width: 1200px) {*/
/*.sidebar--active .sidebar__menu-small {*/
/*    padding-right: 8px;*/
/*    bottom: 0;*/
/*}*/

/*.sidebar--active .sidebar__content {*/
/*    overflow: auto;*/
/*}*/
/*.sidebar__actions-small {*/
/*    position: relative;*/
/*}*/
/*}*/

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
        scale: 1;

    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
        scale: 1.0005;

    }
    20% {
        transform: translate(-3px, 0px) rotate(1deg);
        scale: 1.0009;

    }
    30% {
        transform: translate(3px, 2px) rotate(0deg);
        scale: 1.001;
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
        scale: 1.0019;

    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
        scale: 1.002;

    }
    60% {
        transform: translate(-3px, 1px) rotate(0deg);
        scale: 1.001;

    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
        scale: 1.009;

    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
        scale: 1.2;
    }
}


.slot__title--black {
    background: linear-gradient(0deg, #000 65%, rgba(0, 0, 0, 0) 100%);
}

.slot__title--navy {
    background: linear-gradient(0deg, #3572EF 65%, rgba(0, 0, 0, 0) 100%);
}


.slot__title--light-pink {
    background: linear-gradient(0deg, #D2649A 65%, rgba(0, 0, 0, 0) 100%);
}

.slot__title--liva {
    background: linear-gradient(0deg, #E1AFD1 65%, rgba(0, 0, 0, 0) 100%);
}


.slot__title--drk {
    background: linear-gradient(0deg, #49243E 65%, rgba(0, 0, 0, 0) 100%);
}

.slot__title--sildier,
.slot__title--soldier {
    background: linear-gradient(0deg, #135D66 65%, rgba(0, 0, 0, 0) 100%);
}

.slot__title--ress {
    background: linear-gradient(0deg, #8B93FF 65%, rgba(0, 0, 0, 0) 100%);
}


.slot__title--lrt {
    background: linear-gradient(0deg, #59D5E0 65%, rgba(0, 0, 0, 0) 100%);
}


.slot__title--mtk {
    background: linear-gradient(0deg, #B2A59B 65%, rgba(0, 0, 0, 0) 100%);
}

li.active button {
    color: var(--tf-active) !important;
}

.activeheader {
    color: var(--tf-active) !important;

}

li.active button svg {
    color: var(--tf-active) !important;
}

/*.sidebar__menu-small {*/
/*    height: unset !important;*/
/*}*/

/*.tabs-nav--modal {*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*@media (min-width: 1400px) {*/
/*    .slot__title h3 {*/
/*        font-size: 20px !important;*/
/*        line-height: 26px !important;*/
/*    }*/
/*}*/

/*.slot__title h3 {*/
/*    overflow: hidden;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 2; !* number of lines to show *!*/
/*    line-clamp: 2;*/
/*    -webkit-box-orient: vertical;*/
/*    font-size: 20px;*/
/*}*/

.table-responsive.mobile {
    overflow-y: scroll;
    overflow-x: hidden;
}

.error {
    min-height: unset !important;
}

.table-wrap.mobile {
    padding: unset;
}

.xtable.mobile {
    min-width: unset;
}


.xtable.mobile tbody td {
    padding: 0 8px;
    width: 50%;
}

.xtable.mobile tbody td div {
    font-size: 12px;
    max-width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.form__note {
    padding-bottom: 0 !important;
}

@media (min-width: 1400px) {
    .header__wallet-btn {
        width: 46px;
    }
}


/*.lowbar__btn {*/
/*    color: var(--tf-tc2)*/
/*}*/


.lowbar {
    padding: 0 !important;
}


.toast .toast-header strong {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.header__wallet-currencies li {
    padding-right: 4px;
}

.re {
    background-color: var(--tf-bg2) !important;
    /*color: red !important;*/
    /*height: 60px !important;*/
    z-index: 999;
    opacity: 1 !important;
}

.main.mobile {
    padding-bottom: 64px;
}

.frame__switch-input:checked + label:after {
    background-color: var(--tf-active) !important;
}

.frame-mob__balance {
    width: 100%;
}

.frame--full .frame__cover:before {
    content: unset;
}


.slot__cover.not-allowed {
    opacity: .7;
}

.slot__title span {
    bottom: 4px;
}

.search {
    gap: 8px;
}

.header__wallet-currencies li:hover span {
    color: #25a56a
}

.active .svg {
    color: var(--tf-active) !important;
    fill: var(--tf-active) !important;
}

.header__wallet-currencies span img, .header__wallet-currencies span svg {
    width: 100%;
}

.footer__accepted {
    justify-content: space-around !important;
    height: unset !important;
    /*padding: 16px 8px !important;*/
}

.footer__accepted li {
    /*margin: 8px 12px !important;*/
    gap: 4px;
}

/*.game-container-wrap {*/
/*    margin-top: 24px*/
/*}*/

.trade__change {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    color: var(--tf-tc2);
    font-weight: 400;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-bottom: 0
}

.lowbar__btn.active p {
    color: var(--tf-active);
}

.conversion-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 12px;
}

.game__description {
    gap: 24px;
}

.section__title {
    /*max-width: 65%;*/
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    font-size: 20px;
}

.accordion__card button:focus {
    outline: none !important;
    box-shadow: none !important;
}


:focus {
    outline: 0 !important;
}

/*.form__checkbox input:not(:checked) + label,*/
/*.form__checkbox input:checked + label {*/
/*    line-height: 18px;*/
/*}*/

.home-progress {
    width: 100%;
    background: var(--tf-bg2);

    border-radius: 8px;
    z-index: 2;
}


.filter {
    margin-top: 0 !important;
}

/*.tags a {*/
/*    padding: 0 12px 0 12px;*/
/*    height: 46px;*/
/*    font-size: 14px;*/
/*    text-align: center;*/
/*    white-space: nowrap;*/
/*}*/

/*.pt-24 {*/
/*    padding-top: 24px;*/
/*}*/


.footer__logo {
    background-size: contain !important;
}

/*@media (min-width: 360px) and (orientation: landscape) {*/
/*    .frame--full {*/
/*        height: calc(100svh - 120px) !important;*/
/*    }*/
/*}*/
/*.full--game {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

.main--game {
    padding: 0 !important;
}

.header--game {
    display: none !important;
}

.frame--full.fully {
    height: calc(100svh) !important;
    padding: 0;
}

.section--frame-full .container {
    padding: 0;
}

.tournament__cta {
    flex-direction: column;
    align-items: center;
}

/*.tournament__games {*/
/*    display: flex !important;*/
/*    flex-wrap: wrap !important;*/
/*    justify-content: center !important;*/
/*    align-items: center !important;*/
/*    gap: 12px !important;*/
/*}*/
/**/
/*.tournament__games .kush {*/
/*    width: calc(50% - 8px) !important;*/
/*    margin-right: 0 !important;*/
/*    margin-top: 0 !important;*/
/*}*/

.tournament__prize p {
    color: var(--tf-active);
}

.kush__title h3 {
    font-weight: 800;
    font-size: 14px;
}

/*.tournament__cover {*/
/*    margin-bottom: 12px;*/
/*}*/

.tournament__cover img {
    max-height: 400px;
    object-fit: contain;
}

.article {
    display: block;
    word-break: normal !important;
    max-width: 100%;
    overflow: auto;
}

.toast .toast-header.info strong i.ti-x {
    color: orangered !important;
}

.xtable__coin img, .xtable__coin svg {
    /*width: unset !important;*/
    height: unset !important;
    margin-right: unset !important;
}

.tabs-nav li {
    margin: auto;
}

.chat__functions {
    animation: fadeIn222 .4s ease-in-out;
    box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
}

.chat__functions li {
    width: 100%;
    cursor: pointer;
    padding: 4px 2px;
}

.chat__functions li:hover {
    background-color: var(--tf-bg);
    color: var(--tf-active);
    transition: all .4s;
}

.modal__icon {
    font-size: unset !important;
}

.modal__profile {
    margin-top: 8px !important;
    justify-content: space-between;
}

.slot__title h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.colored {
    color: var(--tf-active);
    font-weight: 800;
    font-size: 16px;
    font-family: 'Rajdhani-Bold';
    border: 1px solid var(--tf-active);
    padding: 2px 8px;
    border-radius: 8px;
}

.slot__img img {
    width: 99%;
}

.modal__btn-small {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    /* height: 32px; */
    border-radius: 8px;
    color: var(--tf-tc);
    border: 1px solid var(--tf-border);
    font-weight: 500;
    font-size: 14px;
    /* margin-right: 15px; */
    /* margin-top: 15px; */
    gap: 12px;
    padding: 8px 16px;
}

.sidebar__nav a span, .sidebar__nav button span {
    margin-top: -12px;
    background: var(--tf-btn);
    color: var(--tf-active);
    padding: 2px 8px;
    font-size: 12px;
    margin-left: 8px;
    font-weight: 700;
    height: unset;
    text-transform: unset;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: unset;
    text-decoration: none
}

.header__wallet-btn {
    background-color: unset !important;
    background: var(--tf-btn);
}

.header__wallet-dropdown-btn img, .header__wallet-dropdown-btn svg,
.header__wallet-currencies span img, .header__wallet-currencies span svg {
    margin: unset !important;
}

.ss-main.ss-disabled {
    background-color: unset;
    opacity: .4;
    cursor: not-allowed
}

.hero__btn {
    width: unset !important;
    height: unset !important;
    padding: 8px 24px;
    /*background: var(--tf-btncolor);*/
    color: #FFF;
}

/*.hero-welcome:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*    top: -70px;*/
/*    left: -70px;*/
/*    display: block;*/
/*    width: 300px;*/
/*    height: 300px;*/
/*    border-radius: 50%;*/
/*    filter: blur(50px);*/
/*    background-color: var(--tf-active);*/
/*}*/

.tabs-nav li:last-child {
    margin: auto !important;
}

.tabs-nav {
    padding: 4px 12px;
}

.iframes div {
    height: 100%;
    width: 100%;
}

#egamings_container {
    height: 100%;
    width: 100%;
    z-index: 2;
}

.sidebar__nav a {
    cursor: pointer;
}

.modal__wallet-currencies {
    margin-top: 12px;
}

.g-12 {
    gap: 12px !important;
}

.g-8 {
    gap: 8px !important;
}

.filter__select.ss-content {
    padding: 16px 8px
}

.multisearch__input {
    width: 100% !important;
}

.form__btn {
    background-color: var(--tf-active);
}

.hero--blue {
    border: none;
}

.ranking,
.benefit {
    cursor: pointer;
    transition: transform 0.5s ease;
}

.ranking:hover,
.benefit:hover {
    transform: scale(1.02); /* Scales the background 20% larger */

}

.tabs-nav__btn {
    cursor: pointer;
}

.header__btn:hover,
.splide--content .splide__arrow:hover,
.footer__social a:hover,
.footer__list a:hover,
.header__dropdown-btn:hover,
.modal__download i,
.tabs-nav__btn:hover,
.content__nav button:hover i,
.content__nav button.active i,
.table-wrap__download i,
.sidebar__scheme button.active,
.section__view:hover,
.sidebar__nav button.sidebar__collapsed[aria-expanded="true"] i,
.sidebar__scheme button:hover,
.header__wallet-currencies li:hover span:first-child,
.header__chat:hover, .header__chat.active,
.chat__name:hover,
.article ul li:before,
.article p a,
.article p a:hover, .article p a:focus,
.search__btn:hover,
.filter__select .ss-list .ss-option:hover,
.filter__select .ss-list .ss-option.ss-selected,
.header__action.show, .header__action:hover {
    color: var(--tf-active) !important;
}

.splide--tournament .splide__progress__bar,
.form__max,
.chat__send,
.tags li.active a,
.article ul li:before,
.frame__btn {
    background: var(--tf-btn) !important;
    color: var(--tf-active);
}

.sidebar__nav li a, .sidebar__nav li.active a {
    /*transition: background 0.5s ease; !* Smooth transition *!*/
    transition: .4s ease;
    transition-property: color, background, background-color, border-color, box-shadow, opacity;
}

a {
    color: unset;
}


.benefit__icon,
.bet__id button:hover,
.bet__placed .chat__name,
.form__text p a, .form__text p button,
.header__signin:hover span,
.link-underline {
    color: var(--tf-active) !important;
}

.chat__message--share {
    border-color: var(--tf-border-opacity) !important;;
}

.tags a,
.form__cellar button,
    /*.form__switch-input + label:after,*/
.form__social a,
.frame__switch-input + label:after {
    background: var(--tf-active-opacity) !important;
}

.main__frame {
    overflow: visible;
}

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

.hero--main {
    border: none;
}

.modal__download,
.table-wrap__download {
    background: var(--tf-border) !important;
}

.game {
    background-color: var(--tf-bg2) !important;;
}

.game:before,
.content__main:before,
.table-wrap:before,
.partner:before,
.header__notifications:before,
.content__menu:before,
.footer__content:before {
    background: var(--tf-before-color) !important;
}

.content__nav button.active {
    color: var(--tf-active);
}

.chat__message--share .chat__name {
    color: var(--tf-tc2);
}

.modal__wallet-dropdown-btn {
    gap: 8px;
}

.form__group, .form__checkbox, .form__social {
    margin-top: 8px !important;
}

.form__delimiter {
    margin-top: 8px;
}

/*.form__label {*/
/*    line-height: 16px;*/
/*}*/

/*.modal__wallet-dropdown-btn {*/
/*    max-width: 300px;*/
/*}*/

.modal__wallet-dropdown {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}


.frame__btn:hover {
    color: var(--tf-bg) !important;
}

.global-modal {
    padding: 12px;
}

.modal-dialog.global-modal,
.modal-content.global-modal .modal__content {
    max-width: unset;
}

.modal-content.global-modal {
    width: 50%;
    max-width: unset;
}

@media (max-width: 600px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .modal-content.global-modal {
        width: 100%;
    }
}

.global-modal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.chat__name, chat__reply {
    cursor: pointer;
}

.chat__tipped {
    color: var(--tf-tc);
}

.chat__message--tip {
    border-color: var(--tf-active);
}

.bet__content {
    margin-top: 0;
    border-radius: 0;
    padding: 12px;
    margin-bottom: 2px;
    /*border-top-right-radius: 8px;*/
    /*border-top-left-radius-radius: 8px;*/
}

.bet__date-wrap {
    padding: 8px 12px;
    background-color: var(--tf-bg);
    margin-top: 8px;
    border-radius: 0;
}

.ti-check {
    color: lawngreen;
}

.ti-x {
    color: red;
}

.bet__odds {
    margin-top: 0px;
}

.bet__content.invoice {
    margin-top: 12px;
    border-radius: 8px;
    /*background-color: var(--tf-bg2);*/
}

.global-modal div {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.modal__close:hover {
    color: var(--tf-active);
}

.header__actions {
    /*justify-content: space-between;*/

    justify-content: flex-end;
    gap: 16px;

}

.header__signup {
    margin-left: 0 !important;
}

.header__dropdown {
    margin: 0;
}


.xtable tr {

}

table.xtable tr:first-child {
    animation: fadeIn222 1s ease-in-out;
}

.search__input {
    text-transform: capitalize;
}

.header__chat {
    margin-left: 0 !important;
}

.header__stream {
    margin-left: 0 !important;
}

.sidebar__nav button.sidebar__collapsed[aria-expanded="true"] svg {
    transform: rotate(90deg)
}

.mh-400 {
    max-height: 500px;
    overflow: auto;
}

@media (min-width: 1400px) {
    .header__wallet-menu {
        min-width: 250px;
    }
}


.slot__title--sunset {
    background: linear-gradient(0deg, #ff7e5f 60%, rgba(255, 126, 95, 0) 100%);
}

.slot__title--ocean {
    background: linear-gradient(0deg, #00c6ff 65%, rgba(0, 198, 255, 0) 100%);
}

.slot__title--forest {
    background: linear-gradient(0deg, #5a9216 58%, rgba(90, 146, 22, 0) 100%);
}

.slot__title--purple-haze {
    background: linear-gradient(0deg, #7b4397 70%, rgba(123, 67, 151, 0) 100%);
}

.slot__title--tropical {
    background: linear-gradient(0deg, #fc4a1a 55%, rgba(252, 74, 26, 0) 100%);
}

.slot__title--candy {
    background: linear-gradient(0deg, #ff6b6b 62%, rgba(255, 107, 107, 0) 100%);
}

.slot__title--midnight {
    background: linear-gradient(0deg, #232526 75%, rgba(35, 37, 38, 0) 100%);
}

.slot__title--neon {
    background: linear-gradient(0deg, #00ff87 63%, rgba(0, 255, 135, 0) 100%);
}

.slot__title--sunrise {
    background: linear-gradient(0deg, #ff512f 58%, rgba(255, 81, 47, 0) 100%);
}

.slot__title--aqua {
    background: linear-gradient(0deg, #13547a 68%, rgba(19, 84, 122, 0) 100%);
}

.slot__title--lava {
    background: linear-gradient(0deg, #ff416c 55%, rgba(255, 65, 108, 0) 100%);
}

.slot__title--berry {
    background: linear-gradient(0deg, #d38312 65%, rgba(211, 131, 18, 0) 100%);
}

.slot__title--glacier {
    background: linear-gradient(0deg, #4ca1af 60%, rgba(76, 161, 175, 0) 100%);
}

.slot__title--aurora {
    background: linear-gradient(0deg, #00d2ff 70%, rgba(0, 210, 255, 0) 100%);
}

.slot__title--flamingo {
    background: linear-gradient(0deg, #ec008c 57%, rgba(236, 0, 140, 0) 100%);
}

.slot__title--mojito {
    background: linear-gradient(0deg, #1d976c 60%, rgba(29, 151, 108, 0) 100%);
}

.slot__title--golden-hour {
    background: linear-gradient(0deg, #f7971e 65%, rgba(247, 151, 30, 0) 100%);
}

.slot__title--royal {
    background: linear-gradient(0deg, #141e30 70%, rgba(20, 30, 48, 0) 100%);
}

.slot__title--peach {
    background: linear-gradient(0deg, #ed4264 58%, rgba(237, 66, 100, 0) 100%);
}

.slot__title--sapphire {
    background: linear-gradient(0deg, #00c9ff 63%, rgba(0, 201, 255, 0) 100%);
}

.slot__title--mint {
    background: linear-gradient(0deg, #3eb489 62%, rgba(62, 180, 137, 0) 100%);
}

.slot__title--rose {
    background: linear-gradient(0deg, #ff007f 65%, rgba(255, 0, 127, 0) 100%);
}

.slot__title--amber {
    background: linear-gradient(0deg, #ffbf00 60%, rgba(255, 191, 0, 0) 100%);
}

.slot__title--emerald {
    background: linear-gradient(0deg, #50c878 68%, rgba(80, 200, 120, 0) 100%);
}

.slot__title--ruby {
    background: linear-gradient(0deg, #e0115f 58%, rgba(224, 17, 95, 0) 100%);
}

.slot__title--coral {
    background: linear-gradient(0deg, #ff7f50 70%, rgba(255, 127, 80, 0) 100%);
}

.slot__title--topaz {
    background: linear-gradient(0deg, #ffc87c 62%, rgba(255, 200, 124, 0) 100%);
}

.slot__title--amethyst {
    background: linear-gradient(0deg, #9966cc 58%, rgba(153, 102, 204, 0) 100%);
}

.slot__title--flame {
    background: linear-gradient(0deg, #e25822 63%, rgba(226, 88, 34, 0) 100%);
}

.slot__title--turquoise {
    background: linear-gradient(0deg, #30d5c8 65%, rgba(48, 213, 200, 0) 100%);
}

.slot__title--lemon {
    background: linear-gradient(0deg, #fff700 58%, rgba(255, 247, 0, 0) 100%);
}

.slot__title--indigo {
    background: linear-gradient(0deg, #4b0082 68%, rgba(75, 0, 130, 0) 100%);
}

.slot__title--charcoal {
    background: linear-gradient(0deg, #36454f 70%, rgba(54, 69, 79, 0) 100%);
}

.slot__title--jade {
    background: linear-gradient(0deg, #00a86b 60%, rgba(0, 168, 107, 0) 100%);
}

.slot__title--tangerine {
    background: linear-gradient(0deg, #ffcc00 65%, rgba(255, 204, 0, 0) 100%);
}

.slot__title--violet {
    background: linear-gradient(0deg, #8f00ff 58%, rgba(143, 0, 255, 0) 100%);
}

.slot__title--platinum {
    background: linear-gradient(0deg, #e5e4e2 60%, rgba(229, 228, 226, 0) 100%);
}

.slot__title--onyx {
    background: linear-gradient(0deg, #353839 63%, rgba(53, 56, 57, 0) 100%);
}

.slot__title--caramel {
    background: linear-gradient(0deg, #c68e17 55%, rgba(198, 142, 23, 0) 100%);
}

.slot__title--malachite {
    background: linear-gradient(0deg, #0bda51 58%, rgba(11, 218, 81, 0) 100%);
}

.slot__title--bubblegum {
    background: linear-gradient(0deg, #ff85e1 68%, rgba(255, 133, 225, 0) 100%);
}

.slot__title--sand {
    background: linear-gradient(0deg, #d2b48c 60%, rgba(210, 180, 140, 0) 100%);
}

.slot__title--gold {
    background: linear-gradient(0deg, #ffd700 62%, rgba(255, 215, 0, 0) 100%);
}

.slot__title--silver {
    background: linear-gradient(0deg, #c0c0c0 65%, rgba(192, 192, 192, 0) 100%);
}

.slot__title--bronze {
    background: linear-gradient(0deg, #cd7f32 58%, rgba(205, 127, 50, 0) 100%);
}

.slot__title--pearl {
    background: linear-gradient(0deg, #eae0c8 63%, rgba(234, 224, 200, 0) 100%);
}

.slot__title--opal {
    background: linear-gradient(0deg, #a8c3bc 60%, rgba(168, 195, 188, 0) 100%);
}


.kush__title--sunset {
    background: linear-gradient(0deg, #ff7e5f 35%, rgba(255, 126, 95, 0) 100%);
}

.kush__title--ocean {
    background: linear-gradient(0deg, #00c6ff 30%, rgba(0, 198, 255, 0) 100%);
}

.kush__title--forest {
    background: linear-gradient(0deg, #5a9216 28%, rgba(90, 146, 22, 0) 100%);
}

.kush__title--purple-haze {
    background: linear-gradient(0deg, #7b4397 38%, rgba(123, 67, 151, 0) 100%);
}

.kush__title--tropical {
    background: linear-gradient(0deg, #fc4a1a 32%, rgba(252, 74, 26, 0) 100%);
}

.kush__title--candy {
    background: linear-gradient(0deg, #ff6b6b 33%, rgba(255, 107, 107, 0) 100%);
}

.kush__title--midnight {
    background: linear-gradient(0deg, #232526 39%, rgba(35, 37, 38, 0) 100%);
}

.kush__title--neon {
    background: linear-gradient(0deg, #00ff87 34%, rgba(0, 255, 135, 0) 100%);
}

.kush__title--sunrise {
    background: linear-gradient(0deg, #ff512f 28%, rgba(255, 81, 47, 0) 100%);
}

.kush__title--aqua {
    background: linear-gradient(0deg, #13547a 37%, rgba(19, 84, 122, 0) 100%);
}

.kush__title--lava {
    background: linear-gradient(0deg, #ff416c 29%, rgba(255, 65, 108, 0) 100%);
}

.kush__title--berry {
    background: linear-gradient(0deg, #d38312 36%, rgba(211, 131, 18, 0) 100%);
}

.kush__title--glacier {
    background: linear-gradient(0deg, #4ca1af 33%, rgba(76, 161, 175, 0) 100%);
}

.kush__title--aurora {
    background: linear-gradient(0deg, #00d2ff 38%, rgba(0, 210, 255, 0) 100%);
}

.kush__title--flamingo {
    background: linear-gradient(0deg, #ec008c 27%, rgba(236, 0, 140, 0) 100%);
}

.kush__title--mojito {
    background: linear-gradient(0deg, #1d976c 34%, rgba(29, 151, 108, 0) 100%);
}

.kush__title--golden-hour {
    background: linear-gradient(0deg, #f7971e 37%, rgba(247, 151, 30, 0) 100%);
}

.kush__title--royal {
    background: linear-gradient(0deg, #141e30 39%, rgba(20, 30, 48, 0) 100%);
}

.kush__title--peach {
    background: linear-gradient(0deg, #ed4264 28%, rgba(237, 66, 100, 0) 100%);
}

.kush__title--sapphire {
    background: linear-gradient(0deg, #00c9ff 35%, rgba(0, 201, 255, 0) 100%);
}

.kush__title--mint {
    background: linear-gradient(0deg, #3eb489 34%, rgba(62, 180, 137, 0) 100%);
}

.kush__title--rose {
    background: linear-gradient(0deg, #ff007f 37%, rgba(255, 0, 127, 0) 100%);
}

.kush__title--amber {
    background: linear-gradient(0deg, #ffbf00 31%, rgba(255, 191, 0, 0) 100%);
}

.kush__title--emerald {
    background: linear-gradient(0deg, #50c878 39%, rgba(80, 200, 120, 0) 100%);
}

.kush__title--ruby {
    background: linear-gradient(0deg, #e0115f 28%, rgba(224, 17, 95, 0) 100%);
}

.kush__title--coral {
    background: linear-gradient(0deg, #ff7f50 36%, rgba(255, 127, 80, 0) 100%);
}

.kush__title--topaz {
    background: linear-gradient(0deg, #ffc87c 33%, rgba(255, 200, 124, 0) 100%);
}

.kush__title--amethyst {
    background: linear-gradient(0deg, #9966cc 29%, rgba(153, 102, 204, 0) 100%);
}

.kush__title--flame {
    background: linear-gradient(0deg, #e25822 35%, rgba(226, 88, 34, 0) 100%);
}

.kush__title--turquoise {
    background: linear-gradient(0deg, #30d5c8 36%, rgba(48, 213, 200, 0) 100%);
}

.kush__title--lemon {
    background: linear-gradient(0deg, #fff700 28%, rgba(255, 247, 0, 0) 100%);
}

.kush__title--indigo {
    background: linear-gradient(0deg, #4b0082 39%, rgba(75, 0, 130, 0) 100%);
}

.kush__title--charcoal {
    background: linear-gradient(0deg, #36454f 38%, rgba(54, 69, 79, 0) 100%);
}

.kush__title--jade {
    background: linear-gradient(0deg, #00a86b 32%, rgba(0, 168, 107, 0) 100%);
}

.kush__title--tangerine {
    background: linear-gradient(0deg, #ffcc00 34%, rgba(255, 204, 0, 0) 100%);
}

.kush__title--violet {
    background: linear-gradient(0deg, #8f00ff 30%, rgba(143, 0, 255, 0) 100%);
}

.kush__title--platinum {
    background: linear-gradient(0deg, #e5e4e2 31%, rgba(229, 228, 226, 0) 100%);
}

.kush__title--onyx {
    background: linear-gradient(0deg, #353839 35%, rgba(53, 56, 57, 0) 100%);
}

.kush__title--caramel {
    background: linear-gradient(0deg, #c68e17 29%, rgba(198, 142, 23, 0) 100%);
}

.kush__title--malachite {
    background: linear-gradient(0deg, #0bda51 30%, rgba(11, 218, 81, 0) 100%);
}

.kush__title--bubblegum {
    background: linear-gradient(0deg, #ff85e1 37%, rgba(255, 133, 225, 0) 100%);
}

.kush__title--sand {
    background: linear-gradient(0deg, #d2b48c 31%, rgba(210, 180, 140, 0) 100%);
}

.kush__title--gold {
    background: linear-gradient(0deg, #ffd700 34%, rgba(255, 215, 0, 0) 100%);
}

.kush__title--silver {
    background: linear-gradient(0deg, #c0c0c0 35%, rgba(192, 192, 192, 0) 100%);
}

.kush__title--bronze {
    background: linear-gradient(0deg, #cd7f32 30%, rgba(205, 127, 50, 0) 100%);
}

.kush__title--pearl {
    background: linear-gradient(0deg, #eae0c8 33%, rgba(234, 224, 200, 0) 100%);
}

.kush__title--opal {
    background: linear-gradient(0deg, #a8c3bc 29%, rgba(168, 195, 188, 0) 100%);
}

.mini-game--sunset .mini-game__title {
    background: linear-gradient(90deg, #ff7e5f 15%, rgba(255, 126, 95, 0) 100%);
}

.mini-game--ocean .mini-game__title {
    background: linear-gradient(90deg, #00c6ff 15%, rgba(0, 198, 255, 0) 100%);
}

.mini-game--forest .mini-game__title {
    background: linear-gradient(90deg, #5a9216 15%, rgba(90, 146, 22, 0) 100%);
}

.mini-game--purple-haze .mini-game__title {
    background: linear-gradient(90deg, #7b4397 15%, rgba(123, 67, 151, 0) 100%);
}

.mini-game--tropical .mini-game__title {
    background: linear-gradient(90deg, #fc4a1a 15%, rgba(252, 74, 26, 0) 100%);
}

.mini-game--candy .mini-game__title {
    background: linear-gradient(90deg, #ff6b6b 15%, rgba(255, 107, 107, 0) 100%);
}

.mini-game--midnight .mini-game__title {
    background: linear-gradient(90deg, #232526 15%, rgba(35, 37, 38, 0) 100%);
}

.mini-game--neon .mini-game__title {
    background: linear-gradient(90deg, #00ff87 15%, rgba(0, 255, 135, 0) 100%);
}

.mini-game--sunrise .mini-game__title {
    background: linear-gradient(90deg, #ff512f 15%, rgba(255, 81, 47, 0) 100%);
}

.mini-game--aqua .mini-game__title {
    background: linear-gradient(90deg, #13547a 15%, rgba(19, 84, 122, 0) 100%);
}

.mini-game--lava .mini-game__title {
    background: linear-gradient(90deg, #ff416c 15%, rgba(255, 65, 108, 0) 100%);
}

.mini-game--berry .mini-game__title {
    background: linear-gradient(90deg, #d38312 15%, rgba(211, 131, 18, 0) 100%);
}

.mini-game--glacier .mini-game__title {
    background: linear-gradient(90deg, #4ca1af 15%, rgba(76, 161, 175, 0) 100%);
}

.mini-game--aurora .mini-game__title {
    background: linear-gradient(90deg, #00d2ff 15%, rgba(0, 210, 255, 0) 100%);
}

.mini-game--flamingo .mini-game__title {
    background: linear-gradient(90deg, #ec008c 15%, rgba(236, 0, 140, 0) 100%);
}

.mini-game--mojito .mini-game__title {
    background: linear-gradient(90deg, #1d976c 15%, rgba(29, 151, 108, 0) 100%);
}

.mini-game--golden-hour .mini-game__title {
    background: linear-gradient(90deg, #f7971e 15%, rgba(247, 151, 30, 0) 100%);
}

.mini-game--royal .mini-game__title {
    background: linear-gradient(90deg, #141e30 15%, rgba(20, 30, 48, 0) 100%);
}

.mini-game--peach .mini-game__title {
    background: linear-gradient(90deg, #ed4264 15%, rgba(237, 66, 100, 0) 100%);
}

.mini-game--sapphire .mini-game__title {
    background: linear-gradient(90deg, #00c9ff 15%, rgba(0, 201, 255, 0) 100%);
}

.mini-game--mint .mini-game__title {
    background: linear-gradient(90deg, #3eb489 15%, rgba(62, 180, 137, 0) 100%);
}

.mini-game--rose .mini-game__title {
    background: linear-gradient(90deg, #ff007f 15%, rgba(255, 0, 127, 0) 100%);
}

.mini-game--amber .mini-game__title {
    background: linear-gradient(90deg, #ffbf00 15%, rgba(255, 191, 0, 0) 100%);
}

.mini-game--emerald .mini-game__title {
    background: linear-gradient(90deg, #50c878 15%, rgba(80, 200, 120, 0) 100%);
}

.mini-game--ruby .mini-game__title {
    background: linear-gradient(90deg, #e0115f 15%, rgba(224, 17, 95, 0) 100%);
}

.mini-game--coral .mini-game__title {
    background: linear-gradient(90deg, #ff7f50 15%, rgba(255, 127, 80, 0) 100%);
}

.mini-game--topaz .mini-game__title {
    background: linear-gradient(90deg, #ffc87c 15%, rgba(255, 200, 124, 0) 100%);
}

.mini-game--amethyst .mini-game__title {
    background: linear-gradient(90deg, #9966cc 15%, rgba(153, 102, 204, 0) 100%);
}

.mini-game--flame .mini-game__title {
    background: linear-gradient(90deg, #e25822 15%, rgba(226, 88, 34, 0) 100%);
}

.mini-game--turquoise .mini-game__title {
    background: linear-gradient(90deg, #30d5c8 15%, rgba(48, 213, 200, 0) 100%);
}

.mini-game--lemon .mini-game__title {
    background: linear-gradient(90deg, #fff700 15%, rgba(255, 247, 0, 0) 100%);
}

.mini-game--indigo .mini-game__title {
    background: linear-gradient(90deg, #4b0082 15%, rgba(75, 0, 130, 0) 100%);
}

.mini-game--charcoal .mini-game__title {
    background: linear-gradient(90deg, #36454f 15%, rgba(54, 69, 79, 0) 100%);
}

.mini-game--jade .mini-game__title {
    background: linear-gradient(90deg, #00a86b 15%, rgba(0, 168, 107, 0) 100%);
}

.mini-game--tangerine .mini-game__title {
    background: linear-gradient(90deg, #ffcc00 15%, rgba(255, 204, 0, 0) 100%);
}

.mini-game--violet .mini-game__title {
    background: linear-gradient(90deg, #8f00ff 15%, rgba(143, 0, 255, 0) 100%);
}

.mini-game--platinum .mini-game__title {
    background: linear-gradient(90deg, #e5e4e2 15%, rgba(229, 228, 226, 0) 100%);
}

.mini-game--onyx .mini-game__title {
    background: linear-gradient(90deg, #353839 15%, rgba(53, 56, 57, 0) 100%);
}

.mini-game--caramel .mini-game__title {
    background: linear-gradient(90deg, #c68e17 15%, rgba(198, 142, 23, 0) 100%);
}

.mini-game--malachite .mini-game__title {
    background: linear-gradient(90deg, #0bda51 15%, rgba(11, 218, 81, 0) 100%);
}

.mini-game--bubblegum .mini-game__title {
    background: linear-gradient(90deg, #ff85e1 15%, rgba(255, 133, 225, 0) 100%);
}

.mini-game--sand .mini-game__title {
    background: linear-gradient(90deg, #d2b48c 15%, rgba(210, 180, 140, 0) 100%);
}

.mini-game--gold .mini-game__title {
    background: linear-gradient(90deg, #ffd700 15%, rgba(255, 215, 0, 0) 100%);
}

.mini-game--silver .mini-game__title {
    background: linear-gradient(90deg, #c0c0c0 15%, rgba(192, 192, 192, 0) 100%);
}

.mini-game--bronze .mini-game__title {
    background: linear-gradient(90deg, #cd7f32 15%, rgba(205, 127, 50, 0) 100%);
}

.mini-game--pearl .mini-game__title {
    background: linear-gradient(90deg, #eae0c8 15%, rgba(234, 224, 200, 0) 100%);
}

.mini-game--opal .mini-game__title {
    background: linear-gradient(90deg, #a8c3bc 15%, rgba(168, 195, 188, 0) 100%);
}

th, td {
    width: auto; /* Automatically distribute the width equally */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflowed text */
    text-overflow: ellipsis; /* Show ellipsis (...) for long text */
}

.sidebar__lang-small-menu li {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Override Bootstrap button hover color */

.modal__wallet-dropdown-btn {
    background-color: var(--tf-bg) !important;
    border-color: var(--tf-border) !important;
}

.modal__wallet-dropdown-btn::after {
    display: none !important;
}

.modal__wallet-dropdown-btn:hover {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

/* Remove blue outline on focus */
.modal__wallet-dropdown-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Override dropdown menu item hover */
.modal__wallet-menu li:hover {
    background-color: inherit !important;
    color: inherit !important;
}

.width-unset {
    max-width: unset !important;
}

.accordion-benefits__card button span {
    color: #FFF !important;
    padding: 0 8px !important;
    justify-content: flex-start;
}

.settings__title,
.settings__text {
    text-align: left;
}

.frame__unavailable {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.frame__unavailable i {
    font-size: 44px;
    color: var(--tf-tc);
    position: relative;
    z-index: 2;
    margin-bottom: 16px
}


.header__wallet-dropdown-btn,
.modal__wallet-dropdown-btn {
    justify-content: space-between;
}

.header__signin {
    gap: 8px;
}

.lowbar__btn.active svg {
    color: var(--tf-active);
}

.form__switch-input + label:after {
    background-color: var(--tf-borderhover);
}

.nav-item button {
    color: var(--tf-tc)
}

.content__nav button {
    text-align: left;
}

.frame__play {
    gap: 4px;
}

.header__wallet-dropdown-btn div {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ranking__name {
    width: unset !important;
    padding-right: 12px;
    padding-left: 12px;

}

.frame__unavailable svg {
    width: 32px;
    height: 32px;
    fill: var(--tf-tc);
    position: relative;
    z-index: 2;
    margin-bottom: 16px
}

.frame__unavailable span {
    font-size: 16px;
    color: var(--tf-tc);
    text-align: center;
    position: relative;
    z-index: 2
}

.frame__unavailable:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .1;
    z-index: 1
}


.slot__unavailable {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 65%;
    padding: 0 8px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.blog__cover img {
    width: 100%;
}

.slot {
    transition: all .2s;
}

.form__switch-input:checked + label:after {
    background-color: var(--tf-active);
}

.section__carousel--slots .splide__track,
.section__carousel--grid .splide__track {
    padding-top: 12px;
}

.slot:hover {
    transform: translateY(-5%);
    /*box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;*/
    box-shadow: var(--tf-active-opacity) 0px 19px 38px, var(--tf-active-opacity) 0px 15px 12px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 8px;

}

.slot__unavailable i {
    font-size: 60px;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 8px
}

.slot__unavailable svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 8px
}

.slot__unavailable span {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2
}

.slot__unavailable:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .7;
    z-index: 1
}

.hero-image {
    height: 100%;
    width: 100%;
}

.accordion-benefits__card--emerald {
    border-color: rgba(80, 200, 120, 0.12);
}

.accordion-benefits__card--emerald:before {
    background: linear-gradient(180deg, rgba(80, 200, 120, 0.8) 0%, rgba(80, 200, 120, 0) 100%);
}

.game-provider {
    text-transform: uppercase;
}

.accordion-benefits__card--emerald button span {
    background-color: var(--tf-rankingemerald);
}

.accordion-benefits__card--emerald ul li i {
    color: #50c878;
}

.accordion-benefits__card--ruby {
    border-color: rgba(224, 17, 95, 0.12);
}

.accordion-benefits__card--ruby:before {
    background: linear-gradient(180deg, rgba(224, 17, 95, 0.8) 0%, rgba(224, 17, 95, 0) 100%);
}

.accordion-benefits__card--ruby button span {
    background-color: var(--tf-rankingruby);
}

.accordion-benefits__card--ruby ul li i {
    color: #e0115f;
}

.accordion-benefits__card--sapphire {
    border-color: rgba(15, 82, 186, 0.12);
}

.accordion-benefits__card--sapphire:before {
    background: linear-gradient(180deg, rgba(15, 82, 186, 0.8) 0%, rgba(15, 82, 186, 0) 100%);
}

.accordion-benefits__card--sapphire button span {
    background-color: var(--tf-rankingsapphire);
}

.accordion-benefits__card--sapphire ul li i {
    color: #0f52ba;
}

.accordion-benefits__card--amethyst {
    border-color: rgba(153, 102, 204, 0.12);
}

.accordion-benefits__card--amethyst:before {
    background: linear-gradient(180deg, rgba(153, 102, 204, 0.8) 0%, rgba(153, 102, 204, 0) 100%);
}

.accordion-benefits__card--amethyst button span {
    background-color: var(--tf-rankingamethyst);
}

.accordion-benefits__card--amethyst ul li i {
    color: #9966cc;
}

.accordion-benefits__card--topaz {
    border-color: rgba(255, 200, 124, 0.12);
}

.accordion-benefits__card--topaz:before {
    background: linear-gradient(180deg, rgba(255, 200, 124, 0.8) 0%, rgba(255, 200, 124, 0) 100%);
}

.accordion-benefits__card--topaz button span {
    background-color: var(--tf-rankingtopaz);
}

.accordion-benefits__card--topaz ul li i {
    color: #ffc87c;
}

.accordion-benefits__card--jade {
    border-color: rgba(0, 168, 107, 0.12);
}

.accordion-benefits__card--jade:before {
    background: linear-gradient(180deg, rgba(0, 168, 107, 0.8) 0%, rgba(0, 168, 107, 0) 100%);
}

.accordion-benefits__card--jade button span {
    background-color: var(--tf-rankingjade);
}

.accordion-benefits__card--jade ul li i {
    color: #00a86b;
}

.accordion-benefits__card--onyx {
    border-color: rgba(53, 56, 57, 0.12);
}

.accordion-benefits__card--onyx:before {
    background: linear-gradient(180deg, rgba(53, 56, 57, 0.8) 0%, rgba(53, 56, 57, 0) 100%);
}

.accordion-benefits__card--onyx button span {
    background-color: var(--tf-rankingonyx);
}

.accordion-benefits__card--onyx ul li i {
    color: #353839;
}

.accordion-benefits__card--pearl {
    border-color: rgba(255, 240, 220, 0.12);
}

.accordion-benefits__card--pearl:before {
    background: linear-gradient(180deg, rgba(255, 240, 220, 0.8) 0%, rgba(255, 240, 220, 0) 100%);
}

.accordion-benefits__card--pearl button span {
    background-color: var(--tf-rankingpearl);
}

.accordion-benefits__card--pearl ul li i {
    color: #fff0dc;
}


.live-match-animate {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--tf-active);
    animation: pulse 1.5s infinite ease-in-out;

}


@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.frame-wrapper iframe {
    z-index: 2;
}

.frame__cover:before {
    z-index: 4;
}

.frame__nav {
    z-index: 5;
}

.has-space {
    white-space: normal;
    height: unset !important;
    font-size: 13px;
}

input:-webkit-autofill {
    background-color: var(--tf-bg) !important; /* Change background color */
    color: var(--tf-tc) !important; /* Text color */
    box-shadow: 0 0 0px 1000px var(--tf-bg) inset !important; /* To ensure the background applies fully */
}

input:-webkit-autofill::first-line {
    color: var(--tf-tc) !important; /* Customize the text color in the first line of auto-filled input */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    border: 1px solid var(--tf-border); /* Change border color on autofill */
    -webkit-text-fill-color: var(--tf-tc) !important; /* Ensure the text color is also overridden */
    transition: background-color 5000s ease-in-out 0s; /* This is to remove the default yellow autofill color */
}

.slot__title--blue {
    background: linear-gradient(0deg, #3498db 62%, rgba(52, 152, 219, 0) 100%);
}

.slot__title--green {
    background: linear-gradient(0deg, #2ecc71 62%, rgba(46, 204, 113, 0) 100%);
}

.slot__title--purple {
    background: linear-gradient(0deg, #9b59b6 62%, rgba(155, 89, 182, 0) 100%);
}

.slot__title--orange {
    background: linear-gradient(0deg, #e67e22 62%, rgba(230, 126, 34, 0) 100%);
}

.slot__title--red {
    background: linear-gradient(0deg, #e74c3c 62%, rgba(231, 76, 60, 0) 100%);
}

.slot__title--pink {
    background: linear-gradient(0deg, #ff69b4 62%, rgba(255, 105, 180, 0) 100%);
}

.slot__title--yellow {
    background: linear-gradient(0deg, #f1c40f 62%, rgba(241, 196, 15, 0) 100%);
}

.slot__title--darkblue {
    background: linear-gradient(0deg, #07296f 62%, rgba(7, 41, 111, 0) 100%);
}

.slot__title--dark {
    background: linear-gradient(0deg, #4d4d4d 62%, rgba(77, 77, 77, 0.8) 100%);
    color: #f1f1f1;
}

.slot__title--darkgreen {
    background: linear-gradient(0deg, #27ae60 62%, rgba(39, 174, 96, 0) 100%);
}

.slot__pos__black {
    background: #2c3e50;
}

.slot__pos__lrt {
    background: #f39c12;
}

.slot__pos__drk {
    background: #8b0000;
}

.slot__title--black {
    background: linear-gradient(0deg, #2c3e50 62%, rgba(44, 62, 80, 0) 100%);
}

.slot__title--navy {
    background: linear-gradient(0deg, #001f3f 62%, rgba(0, 31, 63, 0) 100%);
}

.slot__title--lightpink {
    background: linear-gradient(0deg, #ffb6c1 62%, rgba(255, 182, 193, 0) 100%);
}

.slot__pos__light-pink {
    background: #D2649A;
}

.slot__pos__liva {
    background: #ff6347;
}

.slot__title--liva {
    background: linear-gradient(0deg, #ff6347 62%, rgba(255, 99, 71, 0) 100%);
}

.slot__pos__green {
    background: #25a56a;
}

.slot__pos__blue {
    background: #3498db;
}

.slot__title--drk {
    background: linear-gradient(0deg, #8b0000 62%, rgba(139, 0, 0, 0) 100%);
}

.slot__title--soldier {
    background: linear-gradient(0deg, #556b2f 62%, rgba(85, 107, 47, 0) 100%);
}

.slot__title--lrt {
    background: linear-gradient(0deg, #f39c12 62%, rgba(243, 156, 18, 0) 100%);
}

.slot__title--ress {
    background: linear-gradient(0deg, #c0392b 62%, rgba(192, 57, 43, 0) 100%);
}

.slot__title--mtk {
    background: linear-gradient(0deg, #7f8c8d 62%, rgba(127, 140, 141, 0) 100%);
}

.multisearch__results {
    overflow-x: hidden;
}

.slot__pos__pink {
    background: #d759eb;
}

.slot__pos__soldier {
    background: #556b2f;
}

.slot__pos__mtk {
    background: #7f8c8d;
}

.slot__pos__ress {
    background: #c0392b;
}

.footer__list span {
    font-size: 16px;
    line-height: 24px;
    color: var(--tf-tc2)
}

.text-hover {
    cursor: pointer;
}

@media (min-width: 1200px) {
    .frame__logo {
        display: block;
        width: 132px;
        height: 40px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: .4;
        background: var(--tf-logo2) no-repeat center center;
        background-size: 100% 100%
    }
}

.content__dropdown-menu {
    width: 100%;
}

.content__dropdown-menu li {
    display: flex;
    align-items: center;
}

.disabled-link {
    pointer-events: none;
}

.sidebar__nav-small li.active a svg {
    stroke: var(--tf-active);
    fill: var(--tf-active);
    color: var(--tf-active);
}


@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100% !important;
    }
}

/* Disable all hover effects on screens smaller than 768px */
@media (hover: none) and (pointer: coarse), (max-width: 768px) {
    *:hover {
        box-shadow: none !important;
    }
}

@media (min-width: 768px) {
    .frame-mob {
        display: flex !important;
    }
}

@media (min-width: 2048px) {
    .frame-mob {
        display: none !important;
    }
}


.header__user-menu li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

body {
}

/*body > *:not(#comm100-container) {*/
/*    display: block !important;*/
/*}*/
b, strong {
    font-weight: bold;
    color: var(--tf-tc); /* bright yellow */
    font-style: italic;
}

.game-description {
    overflow-x: auto; /* Allow scrolling if needed */
    white-space: normal; /* Allow line breaks */
    word-break: break-word; /* Break long words */
    overflow-wrap: anywhere; /* For long URLs or tokens */
}

.game-description ul, .game-description li {
    white-space: normal;
    display: block;
}