.fadeIn,.fadeInFast,.fadeOut {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.body-row .wr-tb-name,.depositor-name,.fl-item-row .item-name,.flip-betinfo,.flip-username,.flip-username i,.ignored_name,.item .name,.item-name .name,.jp-name,.kh-name,.message-sender .name,.message-sender .name i,.profile-content>span,.right-block .user-name,.right-block .user-name i,.sidebar-nickname,.stats-button,.trade-itname,.trade-user,.user,.wr-name,.your-stats {
    text-overflow: ellipsis
}

.cf-header, .checked, .close-x, .closeFlip, .dd, .fl-bank span, .fl-game-id, .fl-line.two, .flipSide img, .globalInfo, .item .name, .item .price, .outer_btn, .tooltip, html:before, .closeNotify {
    position: absolute;
}

#newms,.cfValueSort,.chat_drop_down,.checkbox-holder,.confirm-button,.flipItem,.history-head,.infobox,.item,.jp-list-item {
    user-select: none
}

.games-buttons .left-btn>svg,.logo {
    grid-row-end: span 2;
    grid-row-start: 1
}

.backpack,.confirm-button {
    transition: opacity .3s;
    cursor: pointer;
    opacity: .9
}

#mainwrap,.all-players-list,.anim,.bet,.betitem,.chat-messages,.current-users,.dynamic-content,.flip-betinfo,.flip-history,.flips-history-row,.form-inp,.infob,.item,.item .name,.item-name .name,.items_in,.jackpot-cube,.jp-info,.jp-randomOrg,.kh-name,.player-in,.queue-box,.queue-show,.sidebar-nickname,.smaller-width,.store-items,.user,.weaponContainer,.wr-name {
    overflow: hidden
}

.bet-list,.ignored_name,.item .name,.label,.levels-list,.message-sender .name,.message-sender .name i,.profhead,.queue-show,.right-block .user-name,.right-block .user-name i,.showchances,.tick-fl,.user,.your-stats {
    white-space: nowrap
}

.anim,.btns-mod,.flexC,.heca,.user-info .img,.user-profile {
    align-content: center
}

.ak_shoot,.pistol_shoot,.smg_shoot {
    animation-timing-function: steps(90,end)
}

*,.fast-header,:after,:before {
    box-sizing: border-box
}

#usersCarousel img, #gaUsers img, .body-row>div,.countdown,.em,.flip-side,.flipAva,.flipSide,.hist-cf-coin,.tabava,.your-stats {
    vertical-align: middle
}

.hs .jp-gamenumber,.jph-header div:first-child,.message .replay-btn,.rtos {
    text-decoration: double;
}

.close-x,.iconAk,.outer_btn,a {
    text-decoration: none
}

#level-info, .clickable, .king-wintick .verif, .flash-wintick .verif, .fast-wintick .verif {
    text-decoration-line: underline
}

:root {
    --html-bg: #1a1d29;
    --box-bg: #282b34;
    --box-header-bg: #0e1d3c;
    --chat-header-bg: #191c25;
    --btn-dep-bg: #027b4c;
    --header-bg: #252831;
    --main-color: #04b76f;
    --path-hover: #c1c1c1;
    -text-color: #d2dbe3
}

.tooltip {
    /* background-image: linear-gradient(201deg,rgb(91 118 143),rgb(18 23 32) 49%); */
    background: #121720;
    border-radius: 3px;
    border: 1px solid #191e26;
    box-shadow: 0 0 10px -3px #191e26;
    width: fit-content;
    padding: 5px;
    font-size: 12px;
    z-index: 99999;
    word-wrap: break-word;
    text-align: center;
    margin: 0;
    color: #fff;
    display: none;
    will-change: top,left,display;
    font-style: italic
}

button {
    background-color: transparent;
    background-image: none;
    cursor: pointer;
    border: 0;
    color: #fff;
    font-family: sans-serif
}

input {
    border: none;
    padding: 10px
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 9px;
    padding: 0;
    cursor: pointer;
    background: #13161c;
}

:root {
    --site-header-height: 50px;
    --chat-width: calc(100vw - 4.375rem);
    --site-sidebar-width: 280px;
    --button-height: 36px;
    --global-transition: 175ms cubic-bezier(0.785,0.135,0.15,0.86);
    --mask-background-color: rgba(0,0,0,0.5);
    --mask-background-color-dark: rgba(0,0,0,0.8);
    --real-100vh: calc(var(--vh, 1vh)*100);
    --vh: 9.37px;
    --border-box: black;
    --fp1-color: 255,193,7;
    --fp2-color: 4, 183, 111;
    --fp3-color: 11, 179, 255;
}

.grid-btn path,.list-btn path,path {
    fill: #adb8c7;
}

.openTradeOffer path {
    fill: #ffffff;
}

#loading,.globalInfo {
    display: flex;
    text-align: center;
    left: 0
}

@media (min-width: 576px) {
    :root {
        --chat-width:320px
    }
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #17191f;
    z-index: 999999;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.globalInfo {
    margin: auto;
    color: #8c99b3;
    width: calc(100% - 145px);
    max-width: 300px;
    top: 37%;
    font-size: 14px;
    right: 0;
    border-radius: 5px;
    background-color: hsl(218.57deg 24.48% 17.2%);
    padding: 14px;
    z-index: 99;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

i {
    font-style: unset
}

a {
    color: unset
}

::-webkit-scrollbar {
    background: #252834;
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #384054;
}

.chat-options input,.level,.user-profile .top-balance,.your-chance,.your-chance.green {
    box-shadow: inset 0 1px 2px #121720, 0 1px #232a35;
}

:not(.chat-mini-menu)::-webkit-scrollbar {
    display: none
}

body,html {
    height: 100%;
    width: 100%
}

body {
    margin: 0;
    font-family: sans-serif!important
}

html {
    color: #adb8c7;
    cursor: default;
    position: relative;
    background-color: #1f2126;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 13px
}

html:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #121720;
    z-index: -1
}

.tos-text {
    font-size: 14px;
    text-align: justify;
    line-height: 22px
}
.fea{
    text-align:left;
}
#newms,.adm-name,.bbm-modal p {
    text-align: center
}

.betitem:hover .item-fullname,.flip-items .hidden,.notwork .arrow,.select>.checked,.tos-text .hidea {
    display: block
}

.tos-text a,.tos-text h3 {
    color: #eaedf5;
}

#ref-area .body-row,#ref-area .history-header,.history-table .body-row,.history-table .history-header {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.history-table .body-row>div {
    justify-content: center!important
}

.backpack,.dynamic-content[data-tab=transactions] .body-row>div:nth-child(3),.heca,.history-item,.inf-head,.store-clear {
    justify-content: center
}
.hidea img{
    width: 100%;
}
.history-table .verif {
    border-radius: 3px;
    cursor: pointer;
    padding: 7px 13px;
    background: #333943 url(../img/btntheme.png) top right repeat-x !important;
}

.history-table .verif:hover {
    background: #485274
}

.main-header {
    font-size: 20px;
    color: #eaedf5;
    font-weight: 700;
    margin-bottom: 20px
}

.info-header {
    margin: 15px 0 5px;
    color: #fff
}

.header-menu {
    left: 0;
    position: fixed;
    height: var(--site-header-height);
    top: 0
}

.kh-player-info,.range-wrap,.w-full {
    width: 100%
}

.z-60 {
    z-index: 60
}

.bg-dark-blue-3 {
    --bg-opacity: 1;
    border-bottom: 1px solid #232A35;
    background: #191e26;
}

#ssSelected .select>.checked,#storeItems .item.hid,#storeItems .item.select,.betitem:hover .item-name,.checkbox-holder [type=checkbox]:checked,.checkbox-holder [type=checkbox]:not(:checked),.fl-pop-cent .fl-winner,.hidden,.opt .button-settings>span>span,.ref-skrit,.user-chat-options,.user-opt,aside .arrow {
    display: none
}

.layout {
    display: grid;
    grid-template-columns: var(--chat-width) auto;
    grid-template-rows: var(--site-header-row-a-height) var(--site-header-row-b-height);
    height: 100%
}

.header-menu:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0
}

.logo {
    width: 14rem;
    height: 6rem;
    background-image: url("../img/rll.gif");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rtos {
    color: #a9a9a9
}

.betitem,.flex-column,.win-info {
    flex-direction: column
}

.confirm-button {
    padding: 2px 3px;
    margin-right: 5px;
    width: 131px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(28 32 44);
    border: 1px solid #000;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: -4px;
    color: #6cbd99
}

.confirm-button.greyI,.left-btn,.mini-price,.profile-box p {
    color: #adb8c7;
}

#cancelBet:hover, #confirmBet:hover, .backpack:hover, .confirm-button:hover, .end-game .arrow-win, .end-ga .arrow-win,.notify.err, .notify.info, .notify.success, .notify.warning, .ss-button:hover, .verif:hover {
    opacity: 1;
}

.confirm-button.greyI:after {
    content: "OFF"
}

.confirm-button:after {
    content: "ON"
}

.confirm-button.greyI:after,.confirm-button:after {
    margin-left: 4px;
    font-weight: 600
}

.bg-color {
    background: rgb(18 23 32);
}

.h-full {
    height: 100%
}
.sc-btns{
 margin-right: 15px;
}
.sc-btns .social-btn{margin: 8px;}
.games-buttons a {
    font-size: 1.1rem;
    padding: 2px 11px 0 3px;
    text-align: -webkit-left;
    display: grid;
    grid-template-columns: 37px auto;
    grid-template-rows: 19px 18px;
    place-content: center;
    font-weight: 700;
    font-variant: all-small-caps
}

.games-buttons .left-btn>svg {
    margin: 4px;
    font-size: 16px;
    justify-self: center
}

.games-buttons .left-btn>span,.games-buttons .left-btn>svg path {
    transition: .3s;
    white-space: nowrap
}

.mini-price {
    font-size: .95rem;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.games-buttons .left-btn {
    color: #eaedf5;
}

.overinfoUser, [data-url="/low"] {
    display: none!important;
}

.left-btn {
    cursor: pointer;
    padding: 0 8px;
    position: relative;
    font-size: .85rem
}

.filter,.nav-dropdown,aside {
    position: absolute;
}

.other-buttons .left-btn.visit,.other-buttons .left-btn:hover {
    color: #f5f5f5;
}

.games-buttons .left-btn.visit span,.games-buttons .left-btn:hover.left-btn span {
    /* color: #fff; */
}

.games-buttons .left-btn.visit {
    /* border-image: linear-gradient(
      to left, 
      #00875100, 
      rgba(0, 0, 0, 0)
    ) 1 100%; */
    /* border-width: 1px; */
    background-image: radial-gradient(at bottom, #0087511f, transparent);
    /* border-style: solid; */
}

.games-buttons .left-btn:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    transition: .3s;
    bottom: 0;
    left: 0
}

.chat-emotes path,.left-btn.visit>svg path,.left-btn:hover svg path {
    fill: var(--main-color)
}

.games-buttons .left-btn svg ellipse,.games-buttons .left-btn svg path,.games-buttons .left-btn svg rect {
    fill: #eaedf5;
}

.left-btn.visit svg path,.left-btn.visit>svg,.left-btn:hover>svg,.left-btn:hover>svg path {
    fill: #04b76f;
    color: #04b76f;
}

.redeem path {
    fill: #1fa16e!important;
}
.redeem{
    color: #1fa16e;
}
.redeem:hover>svg path {
    fill: #2fc98d !important;
}

.left-btn svg {
    margin: 0 5px 0 0;
}

.inv-infoShow {
    display: flex;
    padding-top: 8px;
    font-size: 13px;
    align-items: center;
    font-family: system-ui;
    font-weight: 400
}

#newms,.level {
    font-size: 11px
}

.fl-vs .right,.mr-10px {
    margin-right: 10px
}

.inv-value, .mr-6px {
    margin-right: 6px;
}
.inv-value{
 display: inline-flex;
}
.mr-3px {
    margin-right: 3px
}

.ml-3px {
    margin-left: 3px
}

.dolla {
    color: #9ad39b
}

.level {
    background: linear-gradient(45deg, #7f95dd, #2c3140);
    padding: 5px 8px;
    color: var(--color);
    margin-right: 8px;
    border-radius: 4px;
    background-image: radial-gradient(var(--color) -430%,transparent);
}

.backpack,.user-profile {
    margin-right: 15px;
    display: flex
}

.chat-header,.chat_drop_down {
    /* box-shadow: rgba(0,0,0,.25) 0 5px 8px -4px,rgba(0,0,0,.18) 0 0 20px 0,rgba(0,0,0,.35) 0 40px 34px -41px; */
}

.left-block .level {
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    background: #1b1e28
}

.backpack {
    height: 32px;
    padding: 0 8px;
    background: #0e4d39 url(../img/btntheme.png) top right repeat-x !important;
    border-radius: 3px;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
}

.backpack.wth {
    color: #ffffff;
    background: #0e384d url(../img/btntheme.png) top right repeat-x !important;
}
#wth-popup, #wth-popup svg path{
    color: #46c3fb;
    fill: #46c3fb;
}
#depo-popup, #depo-popup svg path{
    color: #61e366;
    fill: #61e366;
}
.backpack.rakeback {
    color: #ffffff;
    background: #393228 url(../img/btntheme.png) top right repeat-x !important;
    font-size: 16px;
}
.backpack.rakeback path {
    fill: #ffa014;
}
.backpack span {
    margin-left: 6px
}

.gr {
    color: #fafafa
}

.gr div:nth-child(2) {
    color: #adb8c7;
    font-size: 11px
}

.gr a {
    font-size: 12px;
    color: #757b85
}

.chat_drop_down .content li:hover>.row-element,.gr a:hover {
    color: #9f9f9f
}

.backpack path {
    fill: #ffffff;
    transition: .3s
}

.backpack rect {
    fill: #34c876
}

.user-profile {
    grid-template-columns: 70px 42px auto auto;
    grid-template-rows: 37px;
    align-items: center
}

.user-profile .top-balance, mini-user .top-balance {
    padding: 6px 5px;
    background: #252b35;
    border-radius: 5px;
    margin-right: 11px;
    cursor: pointer
}

.chat-message .avatar,.online-users-list .avatar {
    background-position: center;
    background-size: cover
}

.user {
    width: 76px;
    margin-bottom: 5px;
    cursor: pointer
}

.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 20%;
    border: 1px solid #141a25;
    margin-right: 10px;
    cursor: pointer
}

.user-mini .avatar {
    width: 45px;
    height: 45px
}

.nav-dropdown {
    width: 310px;
    height: calc(var(--vh,1vh)*100);
    margin-top: var(--site-header-height);
    -webkit-transform: translateX(310px);
    transform: translateX(310px);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    right: 0;
    top: 0;
    background: radial-gradient(circle at top,#212730 25%,#1e242d 60%);
    z-index: 1
}

.nav-dropdown .games-buttons {
    flex-direction: column;
    padding: 10px 0
}

.nav-dropdown .games-buttons .left-btn,.nav-dropdown .other-buttons .left-btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px
}

.nav-dropdown .other-buttons .left-btn, .nav-dropdown .other-buttons .social-btn {
    padding: 7px 5px;
    font-size: 12px
}
.nav-dropdown .other-buttons .social-btn svg{
    margin-right: 5px;
}
.nav-dropdown .games-buttons .left-btn .mini-price {
    margin-left: 12px;
    color: #adb8c7;
}

.nav-dropdown .games-buttons .left-btn>svg {
    margin: 3px 9px
}

.nav-dropdown .other-buttons {
    flex-direction: column;
    padding: 10px;
    align-items: flex-start
}
.nav-dropdown .sc-btns{
 display: flex;
 justify-content: center;
 width: 100%;
 border-top: 1px solid #303844;
}
.nav-dropdown .user-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0;
    width: 100%
}

.chat-box,.notFound {
    display: flex;
    flex-direction: column
}

.history .history-item:first-child,.history-check-box-container label,.nav-dropdown .backpack:last-child {
    margin: 0
}

#menuToggle {
    width: 25px;
    height: 25px;
    cursor: pointer
}

#menuToggle rect,.chat-btn path {
    fill: #dbdbdb;
    transition: fill .15s ease-in-out
}

#menuToggle:hover rect,.chat-btn:hover path {
    fill: #b2b2b2
}

.filter {
    background: var(--mask-background-color-dark);
    top: var(--site-header-height);
    height: calc(100vh - var(--site-header-height));
    width: 100%;
    z-index: 2
}

.filter-fly {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.user-mini {
    padding: 15px;
    border-bottom: 1px solid #585858
}
.user-mini .top-balance{
    margin-left: 35px;
    padding: 6px 5px;
    background: #161a21;
    border-radius: 5px;
    margin-right: 11px;
    cursor: pointer;
}
.user-mini .user-avatar {
    margin-right: 29px
}

.notFound {
    align-items: center;
    margin: 54px;
    font-size: 32px;
    font-weight: 700
}

.notFound div:first-child {
    color: #bfbfbf
}

#mainwrap {
    width: 100%;
    height: 100%;
    padding-top: var(--site-header-height);
    display: flex
}

main {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: .3s;
    padding: 33px 10vh 0;
    display: inline;
    position: relative;
    max-width: 2100px;
    margin: auto;
    will-change: opacity;
    transition: opacity 0.3s ease;
}

aside {
    right: 10vh
}

.chat-box {
    width: var(--chat-width);
    height: 100%;
    position: relative;
    right: 0;
    flex-shrink: 0;
    overflow-wrap: break-word;
    font-family: sans-serif!important;
    transition: .2s;
    word-break: keep-all;
    color: #adb8c7;
    will-change: width,transform;
    z-index: 2;
    margin-left: calc(-1 * var(--chat-width));
    background: rgb(25 30 38);
    user-select: text;
}

.chat-header {
    padding: 9px 5px;
    margin: 8px 16px;
    position: relative;
    border-radius: 3px;
    background: rgb(25 30 38);
    box-shadow: inset 0 1px 2px #232a3500, 0 1px #232a35;
}

#newms,.chat_drop_down {
    position: absolute;
    left: 0;
    display: none
}

#jp-progress,.all-players-list,.betinfo,.betitem,.chances-bar,.chat-btns,.chat-message,.chat-message .level,.chat-messages,.chat-options,.coin-flip,.coinflips-header,.confirm-block,.create-code .input-code>div,.deposit-info,.fast-header,.fl-vs,.fl-winner,.flipAva,.flipItem,.flipSide,.health-progressbar,.hidden-stats,.input-wrap,.item,.item-name,.item-names,.jp-bar,.jp-cube,.jp-list-item,.jp-right,.jph-header,.kh-avatar,.kh-element,.king-center,.king-h-body,.king-player,.kp-avatar,.nmodal-row-2,.nmodal-row-3,.player-in,.pot-mini-info,.queue-box,.queue-show,.range-wrap,.sl-box,.slide-down,.stats-button,.time,.tippy-tooltip,.trade-price,.two-rows,.type-msg,.user-info,[data-tooltip] {
    position: relative
}

.chat-head-button {
    color: #eaedf5;
    font-size: .8125rem;
    padding: 0 15px;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    font-weight: 700;
}

.chat_drop_down {
    top: 41px;
    width: 100%;
    z-index: 2;
    padding: 3px 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgb(35 41 51);
}

.chat_drop_down .content {
    margin: auto;
    overflow: hidden scroll;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    color: #b1b6c6
}

.chat_drop_down .content li {
    background: 0 0;
    border: none;
    width: 100%;
    font-size: 12px
}

.chat_drop_down .content li .row-element {
    padding: 5px;
    width: 100%;
    border-radius: 3px;
    margin: 2px 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    transition: .3s
}

.rounded {
    width: 8px;
    height: 8px;
    margin-right: 5px;
    background: #57a957;
    box-shadow: 0 0 8px 1px #41ff4166;
    border-radius: 50%
}

.chat-messages {
    margin: 0 7px;
    height: 100%;
    overflow-y: auto;
    transition: .2s;
    transform: translate3d(0,0,0)
}

.pinmsg{
    display: block;
    background: radial-gradient(ellipse at top, #3b3428, transparent), radial-gradient(ellipse at bottom, #5c22181f, transparent);
    margin: 0 7px;
    padding: 10px;
    color: #f3b355;
    text-align: center;
    border-radius: 3px;
}

.chat-btns,.chat-mini-menu a {
    transition: .3s;
    user-select: none
}

#newms {
    bottom: 101px;
    height: 27px;
    width: calc(100% - 20px);
    z-index: 9;
    background: #2d3242;
    color: var(--chat-messages);
    line-height: 26px;
    cursor: pointer;
    box-shadow: 0 0 10px 2px #161924;
    border-radius: 2px;
    overflow: hidden;
    margin: 0 10px
}

.chat-options {
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.input-box {
    margin: 8px 11px;
}

.admin-msg,.chat-message:not(:last-of-type) {
    margin-bottom: 2px;
}

.chat-options input {
    border-radius: 4px;
    padding: 17px 52px 17px 24px;
    font-weight: 400;
    width: 100%;
    margin-bottom: 8px;
    color: #e2e2e3;
    background: rgb(28 35 45);
}

.admin-msg,.chat-message {
    border-radius: 6px;
    padding: 4px;
    width: 100%
}

#muteReason {
    margin-bottom: 3px
}

#muteReason, #muteTime, #banReason {
    color: #e2e2e3;
    background: rgba(15,17,26,.55);
    padding: 6px
}

.chat-message {
    display: inline-grid;
    grid-template-columns: 45px auto;
    /* background: linear-gradient(344deg,#191e26,rgb(30 35 45)); */
    min-height: 62px;
}

.admin-msg {
    background: rgba(203,215,255,.03)
}

.adm-name {
    color: #97edab;
    padding: 5px 4px;
    font-size: 14px;
    border-radius: 3px;
    background: rgb(25 30 38);
}

.mention {
    color: #04b76f;
}

.ment {
    background: #212630;
}

.message-sender {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row
}

.chat-btns {
    color: #808ea1;
    cursor: pointer;
    margin: 0 5px;
    float: left;
    font-size: 12px;
    max-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px
}

.chat-message .message-container,.message-right {
    margin-top: 5px
}

.message-right,.message-sender .name {
    position: relative;
    display: flex;
    margin-left: 6px
}

.infobox,.time {
    position: absolute
}

.chat-send {
    color: #4899e5
}

.message-sender .name {
    overflow: visible;
    font-size: 13.5px;
    color: #ffffff;
    width: calc(100% - 35px);
    margin-right: 5px;
    float: left;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    cursor: pointer
}

.chat-message.admin .message,.chat-message.admin .name,.chat-message.moderator .name,.digit,.jp-bank,.ki-header .items-in-info>span:first-child,.nmod-btn.active,.profile-box .level-progress .values div:first-child,.white,.your-bet {
    color: #ffffff;
}

.chat-message.admin .level {
    width: 42px
}

.chat-message.moderator .level {
    width: 30px
}

.chat-message.admin .level,.chat-message.moderator .level {
    color: var(--color);
    font-size: 11px;
    font-weight: 700;
    padding: 7px 0;
    border: 0;
    letter-spacing: .2px;
    background: 0 0;
    box-shadow: unset
}

.chaticons,.pfm-history .modal-items .item,.show-items-option .active,[data-setting=volume],[data-tooltip] {
    cursor: default
}

.chat-message .level {
    width: 20px;
    padding: 9px 5px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    font-size: 11px;
    line-height: 1px;
    border-radius: 4px;
    word-break: keep-all;
    margin-right: 5px
}

.chat-message .avatar {
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin-top: 7px;
    border-radius: 5px
}

.message-sender .name i {
    overflow: hidden;
    width: 69%;
    font-weight: 600;
    font-size: 13px;
}

.time {
    right: 0;
    font-size: 10px;
    padding: 1px 4px;
    border-radius: 3px;
    color: #646d7b;
}

.message-right {
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 6;
    z-index: 1
}

.message {
    overflow-wrap: anywhere;
    font-size: 14px;
}
.emoji-o{
    font-size: 16px;
}
.message .replay-btn {
    color: #d5e9f5;
    margin: 0 2px;
    display: inline-block
}

.infobox {
    margin: 8px 16px;
    padding: 10px;
    width: -webkit-fill-available;
    display: none;
    z-index: 10;
    flex-direction: column;
    font-weight: 500;
    font-size: 15px;
    color: rgb(167 177 209);
    text-align: left;
    bottom: 79px;
    flex-shrink: 0;
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #161924;
    box-shadow: rgb(31 35 48) 0 -2px 20px -4px;
}
.muted-users{
    overflow:auto;
    height: calc(100% - 10px);
}
.online-users-list{
    overflow:auto;
    height: calc(100% - 10px);
}
.inf-head {
    color: #b1b6c6;
    text-align: center;
    border-bottom: 1px solid #242936;
    padding: 2px 2px 5px;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin: 0;
    position: relative
}

.chat-mini-menu {
    font-size: 13px;
    line-height: 22px;
}

#lang_chat_admmenu {
    width: 100%;
    background-color: #1b1b1b;
    color: #ffffffa6;
    font-weight: 700
}

.mentionlist .chat-mini-menu {
    font-size: 13px;
    list-style-type: none;
    max-height: 145px;
    overflow: auto;
    padding: 0 3px
}

.mentionlist .chat-mini-menu li {
    margin: 5px 0;
    background: #242936;
    padding: 4px;
    cursor: pointer;
    border-radius: 3px
}

.mentionlist .chat-mini-menu li.actm {
    background: #384054
}

.muted-users,.online-user {
    height: 300px
}

.online-users-list .avatar {
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px
}

.chat-mini-menu a {
    width: 100%;
    display: inline-block;
    padding: 4px 0;
    cursor: pointer
}

.ignored-user {
    background: #272b39;
    border-radius: 3px;
    position: relative;
    width: 100%;
    margin-bottom: 7px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #c5c5c5
}

.ignored_avatar img {
    position: relative;
    height: 42px;
    width: 42px;
    border-radius: 3px
}

.ignored_avatar {
    width: 100%;
    display: -webkit-box;
    display: flex;
    position: relative
}

.info_mute {
    display: flex;
    flex-direction: column;
    padding: 8px;
    font-size: 12px
}

.ignored_name {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 8px;
    overflow: hidden;
    width: 100%;
    font-size: 13px
}

.removeignore,.removemute {
    width: 55px;
    height: 42px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    margin: 0;
    will-change: transform,color;
    transition: .2s;
    cursor: pointer
}

.modal-bg,.podlozhka {
    left: 0;
    bottom: 0;
}

.removeignore:hover,.removemute:hover {
    color: #57a857;
    transform: rotateZ(180deg)
}

.ignored-users-list {
    overflow: auto;
    position: relative;
    height: 184px;
    padding: 10px 0 10px 11px
}

.bg-cheersl,.bg-ebag,.bg-bluecf,.bg-elol,.bg-eluck,.bg-emoney,.bg-redcf,.bg-kappa,.bg-kekw,.bg-lll,.bg-lul,.bg-pepe5head,.bg-pepebb,.bg-pepecheers,.bg-pepecowboy,.bg-pepecry,.bg-pepeeasy,.bg-pepeevil,.bg-pepefat,.bg-pepegg,.bg-pepeheart,.bg-pepehello,.bg-pepehi,.bg-pepehigh,.bg-pikasad,.bg-pikawhat,.bg-pepekfc,.bg-pepeking,.bg-pepenoob,.bg-pog,.bg-pepeok,.bg-pepepls,.bg-pepepoor,.bg-peperage,.bg-peperb,.bg-peperekt,.bg-peperich,.bg-pepesad,.bg-pepescam,.bg-pepeshrug,.bg-pepesmart,.bg-pepesmile,.bg-pepesnipe,.bg-pepestonks,.bg-pepetired,.bg-pepetoilet,.bg-pepetoxic,.bg-pepeweird,.bg-rektemo,.bg-tadaa,.bg-etroll,.bg-wtfj,.bg-www{
    width: 32px;
    height: 32px;
}

.bg-eluck { background-position: 0 0; } 
.bg-bluecf { background-position: -37px 0; } 
.bg-redcf { background-position: -74px 0; } 
.bg-kekw { background-position: -111px 0; } 
.bg-kappa { background-position: -148px 0; width: 24px; } 
.bg-pog { background-position: -177px 0; } 
.bg-lul { background-position: -214px 0; } 
.bg-cheersl { background-position: -251px 0; } 
.bg-wtfj { background-position: -288px 0; height: 25px; } 
.bg-rektemo { background-position: -325px 0; } 
.bg-etroll { background-position: -362px 0; height: 26px; } 
.bg-tadaa { background-position: -399px 0; } 
.bg-elol { background-position: -436px 0; } 
.bg-ebag { background-position: -473px 0; } 
.bg-emoney { background-position: -510px 0; } 
.bg-lll { background-position: -547px 0; } 
.bg-www { background-position: -584px 0; } 
.bg-pepe5head { background-position: -621px 0; } 
.bg-pepebb { background-position: -658px 0; } 
.bg-pepecheers { background-position: -695px 0; } 
.bg-pepecowboy { background-position: -732px 0; } 
.bg-pepecry { background-position: -769px 0; } 
.bg-pepeeasy { background-position: -806px 0; height: 30px; } 
.bg-pepeevil { background-position: -843px 0; width: 27px; } 
.bg-pepefat { background-position: -875px 0; } 
.bg-pepegg { background-position: -912px 0; height: 31px; } 
.bg-pepeheart { background-position: -949px 0; } 
.bg-pepehello { background-position: -986px 0; } 
.bg-pepehi { background-position: -1023px 0; } 
.bg-pepehigh { background-position: -1060px 0; } 
.bg-pepekfc { background-position: -1097px 0; } 
.bg-pepeking { background-position: -1134px 0; height: 31px; } 
.bg-pepenoob { background-position: -1171px 0; } 
.bg-pepeok { background-position: -1208px 0; } 
.bg-pepepls { background-position: -1245px 0; } 
.bg-pepepoor { background-position: -1282px 0; } 
.bg-peperage { background-position: -1319px 0; } 
.bg-peperb { background-position: -1356px 0; } 
.bg-peperekt { background-position: -1393px 0; height: 22px; } 
.bg-peperich { background-position: -1430px 0; } 
.bg-pepesad { background-position: -1467px 0; } 
.bg-pepescam { background-position: -1504px 0; } 
.bg-pepeshrug { background-position: -1541px 0; } 
.bg-pepesmart { background-position: -1578px 0; } 
.bg-pepesmile { background-position: -1615px 0; } 
.bg-pepesnipe { background-position: -1652px 0; } 
.bg-pepestonks { background-position: -1689px 0; } 
.bg-pepetired { background-position: -1726px 0; } 
.bg-pepetoilet { background-position: -1763px 0; width: 31px; } 
.bg-pepetoxic { background-position: -1799px 0; } 
.bg-pepeweird { background-position: -1836px 0; } 
.bg-pikasad { background-position: -1873px 0; } 
.bg-pikawhat { background-position: -1910px 0; } 

.bg-psmoke { 
    background: url('../../chat/emotes/psmoke.gif');
} 
.bg-ptrain { 
    background: url('../../chat/emotes/ptrain.gif');
} 
.bg-plaugh { 
    background: url('../../chat/emotes/plaugh.gif');
} 
.bg-probrun { 
    background: url('../../chat/emotes/probrun.gif');
} 
.bg-pnerd { 
    background: url('../../chat/emotes/pnerd.gif');
} 
.bg-pfw { 
    background: url('../../chat/emotes/pfw.gif');
} 
.bg-pduck { 
    background: url('../../chat/emotes/pduck.gif');
} 
.bg-pclap { 
    background: url('../../chat/emotes/pclap.gif');
} 
 
/* var gifs = ["psmoke", "ptrain", "plaugh", "prob", "pnerd", "pfw", "pclap", "pduck"]; */
.gif{
    width:32px;
    height:32px;
    display: inline-block;
    cursor: pointer;
    transition: filter .2s;
    margin-right: 8px;
}
.bg-ch,.bg-en,.bg-ge,.bg-other,.bg-ph,.bg-pl,.bg-ru,.bg-tr {
    width: 20px;
    height: 20px
}

.bg-ge {
    background-position: -104px -104px
}

.bg-other {
    background-position: -138px -2px
}

.bg-pl {
    background-position: -138px -26px
}

.bg-ru {
    background-position: -138px -50px
}

.bg-tr {
    background-position: -138px -74px
}

.bg-ch {
    background-position: -138px -98px
}

.bg-ph {
    background-position: -2px -138px
}

.bg-en {
    background-position: -26px -138px
}

.em,.emote,.flag-ico {
    display: inline-block;
    cursor: pointer;
    transition: filter .2s;
    background-image: url('../../chat/icons_new.png');
    margin-right: 8px;
}
.chaticons{
    max-height:150px;
    overflow:auto;
}
.chaticons::-webkit-scrollbar {
   display: block;
}
.em {
    cursor: unset;
    float: none;
    margin: 0 2px;
    pointer-events: all
}

.emote:hover {
    filter: brightness(1.1)
}

.bbm-wrapper,.nmodal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    margin: auto
}

.bbm-modal {
    border-radius: var(--border-radius);
    margin: 160px auto;
    width: 383px;
    position: relative;
    padding: 9px;
    z-index: 1992;
    font-weight: 600;
    background: no-repeat padding-box #171920;
    box-shadow: 0 10px 20px rgb(0 0 0 / 25%)
}

.podlozhka {
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.75);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    z-index: 100!important
}

.create-code .input-code {
    grid-template-columns: 50px 70px 51px 1fr 90px;
    padding-top: 11px
}

.code-create-info {
    display: flex;
    justify-content: space-between;
    padding-top: 10px
}

.create-code .label-abso {
    position: absolute;
    top: -20px;
    font-size: 12px;
    color: #adb8c7;
}

.create-code .modal-content {
    width: 600px
}

.total-promo {
    float: right;
    color: #848ba5;
    font-size: 12px
}

.hideand {
    background: radial-gradient(circle at top,#1c232d 0%,#1b212a 102%);
    color: rgb(255 255 255);
    line-height: 20px;
    padding: 1px 4px;
    text-align: left
}
#flashG .tabava{
    width: 30px;
    margin: 5px;
    border-radius: 50%;
}
.mod-ga-info{
    text-align:center;
    border-top: 1px solid #2f3742;
    border-bottom: 1px solid #2f3742;
    padding: 5px 0;
}
.mod-ga-bet{
    display: inline-grid;
    width: 100%;
    padding: 0 10px;
    grid-template-columns: 257px 1fr;
    align-items: center;
    justify-content: space-around;
    color: #b4b8c5;
    background: linear-gradient(to left, #191e26, #1e232d 245%);
}
.mod-ga-bet:nth-child(even) {
    background: linear-gradient(to left, #1e232d, #191e26 245%);
    box-shadow: rgba(0, 0, 0, .56) 0 -1px 0 inset, rgba(255, 255, 255, .08) 0 1px 0 inset;
}
.mgb2{
    text-align:left;
    width: 100%;
}
.mod-ga-winner{margin-bottom: 8px;text-align: center;background: linear-gradient(90deg, #191e26, #3db56d12, #191e26);padding: 5px 10px;font-size: 14px;color: #9fbba8;}
.mod-ga-winner .wh{
  font-size: 14px;
}
.gw-winner-row{
    background-image: linear-gradient(90deg, #14ff4730 -18%, #191e26 65%) !important;
}
.mod-ga-winner .ganm, .gw-winner-row .ganm{
    color: #f0f0f0;
}
.ganm{
    color: #b0b7c5;
}
.code-section {
    padding: 2px 13px 11px;
    margin-bottom: 10px
}

.code-section:nth-child(2) {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #171a24
}

.bet-list:last-child,.checkbox-holder label,.code-section:last-child,.fl-fair-game .fl-abso:first-child .add-deposit,.fl-item-row:last-child,.jackpot-history-element:last-child,.kh-element:last-child {
    margin-bottom: 0;
}

.code-i2 {
    color: #adb8c7;
    margin-top: 10px;
    font-size: 12px
}
.m-header{
    text-align:center;
    font-size: 14px;
    border-bottom: 1px solid #2c2f39;
    padding-bottom: 4px;
    color: #cdd3d9;
}
.rb-section{
    padding:5px 10px;
}
#userRakePer i{
    color:#a6d8a6;
}
#rake-back .lb{
    margin-top: 7px;
    margin-bottom: 2px;
}
#info-rake{
    color:#cedce6;
}
.hideand .rii-btn.disabled{
    color: #89df8c99;
}
.hideand .rii-btn {
    color: #89df8c;
    padding: 7px 20px;
    background: #2f3547 url(../img/btntheme.png) top right repeat-x !important;
    box-shadow: inset 0 1px #4044548c,0 1px 2px rgb(0 0 0 / 49%);
    cursor: pointer;
    font-size: 13px;
    border-radius: 3px;
    transition: background .3s;
    text-align: center
}
.hideand .checkbox-label,.hideand p {
    color: #ffffff;
}

#flip-wrapper .fl-pop-head, .hideand .redeemRefCodeInput, .kh-avatar, .king-h-center, .king-skins, .kp-avatar, .modal-items, .queue-box, .ref-link, .sl-box, .store-selected-items, .your-bet, .trade-skins {
    box-shadow: inset 0 1px 2px #121720, 0 1px #323843;
}

.hideand .rii-btn:hover {
    color: #89df8cd9;
}

.hideand p,.item-price,.item-price .pricec,.profile-box .level-progress .values .pricec {
    font-size: 13px
}

.code-info span {
    color: #70db7d;
}

.hideand .redeemRefCodeInput {
    font-size: 13px;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,25%);
    border-radius: 3px;
}
.ccode-s svg{
    width:20px;
    cursor:pointer;
    margin-left:5px;
}
.hideand .redeemRefCodeInput:read-only {
    text-align: center
}

.hideand .price-receive {
    color: #37c658;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px
}

#jpBank i,.hideand .price-receive i {
    color: #fff;
    margin-left: 2px;
    font-family: sans-serif;
}

.modal-wrapper {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    margin: auto;
    overflow: auto
}

#redeem-code-wrapper .modal-content {
    width: calc(100% - 2vh);
    max-width: 496px;
    background: unset;
    border: unset
}
#rake-back .modal-content {
    width: calc(100% - 2vh);
    max-width: 385px;
    background: unset;
    border: unset
}
#tradeUrl .modal-content{
    width: calc(100% - 2vh);
    max-width: 668px;
    background: unset;
    padding-top: 30px;
    border: unset
}
#tradeUrl .outer_btn{
    top: 38px;
}
#tradeUrl a{
    text-decoration:underline;
    color: #b4d4ed;
}

#flashG .modal-content {
    width: calc(100% - 2vh);
    max-width: 377px;
    background: unset;
    padding-top: 30px;
    border: unset;
}
#flashG .hideand{
    padding: 0;
}
#flashG .outer_btn{
    top: 45px;
    right: 8px;
}
.input-code {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 16px;
}
.rake-back-value{
    height: 32px;
    font-size: 14px;
    width: 100%;
    color: #8791a1;
    display: flex;
    background: rgba(0, 0, 0, 25%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
    border-radius: 3px;
    float: left;
    align-items: center;
    padding: 0 10px;
}
#levels .modal-content {
    width: fit-content;
    padding: 5px
}

#login-wrapper .modal-content {
    max-width: 400px;
    padding: 10px;
    margin-top: 15vh;
    text-align: center
}
#botInfo .modal-content{
    max-width: 400px;
    padding: 10px;
    margin-top: 15vh;
    text-align: center;
    line-height: 20px;
}
.bot-header{
    padding: 8px;
    color: #dbdbdb;
}
#login-wrapper .logbtn.disabled {
    opacity: .6
}

#login-wrapper .logbtn {
    padding: 15px;
    margin: 10px 50px
}

#login-wrapper .checkbox-holder {
    padding: 10px 0
}

#levels .header {
    padding-bottom: 6px;
    color: #8ea8c1
}

.levels-list {
    display: grid;
    grid-template-columns: repeat(4,auto);
    gap: 10px;
    justify-items: center;
    color: #616779
}

.levels-list>div>div {
    display: grid;
    grid-template-columns: 1fr 15px 1fr;
    justify-items: center;
    gap: 3px 0;
    padding: 5px;
    width: 100%
}

.levels-list .lvls>div div:first-child {
    color: #848ea7
}

#steamOffer .modal-content {
    width: calc(100% - 10rem);
    text-align: center
}

#pfm .modal-content {
    max-width: 635px
}
.ban-user{
    position:relative;
    align-items: center;
    width: 100%;
    justify-content: center;
    display: flex;
}
.forceHide{
    display:none;
}
.ban-user .mbut{
    padding: 7px 14px;
    margin-left:10px;
    background:#020202;
    color: #f36464;
}
#steamOffer .modal-content {
    max-width: 350px
}

.pfm-profile {
    display: flex;
    flex-wrap: nowrap;
    padding: 2rem 2rem 1rem;
    width: 100%
}

.pfm-history {
    padding: 1rem 13px
}

.left-block,.right-block {
    display: flex;
    padding-bottom: 1rem
}

.left-block {
    justify-content: center;
    align-items: center;
    position: relative
}

.left-block img {
    border-radius: 50%;
    border: 2px solid var(--color);
    width: 70px
}

.right-block {
    padding-left: 1.625rem;
    flex-direction: column;
    justify-content: space-around
}
.ban-btn{
    display: inline-flex;
    cursor: pointer;
    position: absolute;
    right: 51px;
    top: 22px;
    background: #adb8c7;
    color: #000000;
    padding: 2px 4px;
    font-size: 11px;
}
.steam-profile {
    display: inline-flex;
    cursor: pointer;
    position: absolute;
    right: 12px;
    font-size: 25px;
    top: 20px
}

.openTradeOffer svg,.steam-profile svg,.user__btn svg {
    margin-right: 5px
}

.steam-profile path {
    will-change: fill;
    transition: fill .5s
}

.steam-profile svg:hover>path {
    fill: #9fc5e5
}

.right-block .user-name {
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    width: 100%;
    overflow: hidden;
    text-align: left;
    margin-bottom: 12px;
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center
}

#pre-secdis,.cf-header,.dd,.digit,.fl-pop-head,.fl-price,.flexC,.flip-coin,.flip-page div,.flip-side,.game-btn,.header,.infob,.inv-stat-value,.item .name,.mPrice,.mobile-buttons .left-btn,.modal-items,.n-btn,.nmd-timer .jptimer,.scroll-flips,.store-s-bottom,.your-chance {
    text-align: center
}

.right-block .user-name i {
    overflow: hidden;
    width: calc(100% - 5px);
    font-weight: 600;
    font-size: 13px;
    color: #dfdfdf
}

.right-block .level {
    padding: 0 8px;
    margin-right: 4px;
    background: #c4cce6;
    color: #000
}

.right-block .info {
    display: flex;
    font-size: 12px
}

.info-labels,.info-values {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.info-labels {
    color: #8cacba
}

.info-labels span,.info-values span {
    margin-bottom: .5rem
}

.info-values span {
    margin-left: 2rem;
    color: #dfdfdf
}

.openTradeOffer {
    background: #008751 url(../img/btntheme.png) top right repeat-x !important;
    border-radius: 3px;
    padding: 6px 18px;
    color: white;
}
#offer_notify .openTradeOffer {
    position: absolute;
    right: 12px;
    bottom: 13px;
}
.erri {
    color: #e47e7e
}

.btns-mod,.cf-header,.fl-winner,.flip-winner,.nmodal-deposit-info {
    display: flex;
    justify-content: center
}
.itemlimit{
    position: relative;
    bottom: -9px;
    text-align: center;
}
.btns-mod div {
    padding: 5px 10px;
    margin: 0 10px;
    cursor: pointer
}

.goProfile {
    background: #4b5987;
    color: #c9c9c9
}

.closeModal {
    background: #404554;
    color: #c9c9c9
}

.modal-content {
    border-radius: 3px;
    margin: 67px auto;
    width: calc(100% - 20vh);
    max-width: 797px;
    position: relative;
    border: 1px solid #232A35;
    z-index: 999;
    /* font-weight: 600; */
    background: rgb(25 30 38);
    overflow: hidden
}

.modal-bg {
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    z-index: 100!important
}

.empty-inventory,.fl-abso,.flip-tickets,.hidewinAvatar span,.inv-msg,.label,.tick-fl,.view-game-btn {
    left: 50%;
    transform: translateX(-50%)
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid #232323
}

.modal-body-row,.nm,.nmod-values,.sl-box,.store-bar div:first-child {
    display: flex;
    align-items: center
}

.modal-body-row {
    font-weight: 400;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 9px
}

.label {
    position: absolute;
    top: -25px;
    color: #adb8c7;
    font-size: 13px;
    font-variant-caps: all-petite-caps
}

.nmod-header {
    color: #fff;
    font-weight: bold;
}

.nmod-info-deposit {
    color: #adb8c7;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 2px;
    display: flex
}

#fg,.sl-box {
    color: #e5e5e5
}

.jp-info-text div,.ln {
    margin: 0 5px
}

.pfm-history .modal-items,.user-inventory {
    margin-top: 14px
}

.nmod-values span {
    margin-right: 8px
}

.ending-game .jp-col1,.nm {
    justify-content: space-evenly
}

.modal-info-game {
    position: absolute;
    bottom: -24px
}

.modal-info-game.success {
    color: #95f495;
    text-shadow: 0 0 2px #000
}

.modal-info-game.error {
    color: #f6574c;
    text-shadow: 0 0 2px #000
}

.sl-box {
    padding: 7px 3px;
    margin-right: 10px;
    height: 38px;
    width: 80px;
    justify-content: center;
    background: rgb(27 32 40);
    border: 1px solid #000;
    border-radius: 3px
}

#storeItems,.modal-items {
    grid-template-columns: repeat(auto-fill,minmax(8rem,auto));
    background-image: url(../img/loading.gif);
    background-size: 50px
}

#itemsAmount i {
    margin-left: 14px
}

.sl-box .ico {
    background: url(../img/fav.png) 0 0/cover;
    width: 16px;
    height: 16px;
}

.sl-box path {
    fill: #ba4040
}

.modal-items {
    height: 400px;
    overflow-y: auto;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 13px;
    padding: 10px;
    display: grid;
    grid-template-rows: repeat(4,1fr);
    gap: 7px;
    background-color: rgb(27 32 40);
    border: 1px solid #131313;
    border-radius: 3px
}

.coinflip,.coinflip-layout {
    grid-template-columns: 196px auto 130px 100px 110px
}

.user-inventory {
    color: #c3c7d3;
    text-align: center;
}
.item[data-wager="1"]:before{
    color: rgba(var(--color),75%);
    content: 'w';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0px;
    top: 4px;
    font-family: cursive;
}
.item.re:before{
    color: white;
    content: 'x';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0px;
    top: 4px;
    font-family: cursive;
}
.item {
    --size: 108px;
    display: inline-block;
    height: calc(var(--size) + 11px);
    width: 100%;
    padding: 0;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    background: radial-gradient(circle at top,rgba(var(--color),25%),#1c222b 60%);
    background-origin: border-box;
    background-clip: content-box,border-box
}
.item .amount{
    position: absolute;
    top: 5px;
    left: 5px;
}
.wag:after {
    content: 'Wager is required';
    position: Absolute;
    background: rgba(0,0,0,.3);
    width: 100%;
    padding: 2px 0;
    z-index: 99;
    top: 0;
    left: 0;
    font-size: 11px
}

.item .name,.item:hover .name {
    width: calc(100% - 2px);
    left: 0
}

.dis {
    opacity: .4;
    pointer-events: none
}
.re {
    opacity: .55;
}
.modal-items .item.select {background: radial-gradient(circle at top,#47546b 25%,#2b3039 60%);opacity: 1;}

.user-chat-options .mbut,.watch {
    box-shadow: inset 0 1px #4044548c,0 1px 2px rgb(0 0 0 / 49%)
}

.empty-inventory,.inv-msg {
    position: absolute;
    top: 50%;
}
.giveaway{
    .info-ga{
    display:flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    }
    .join-game-btn{
    font-size: 12px;
    padding: 7px 25px;
    color: #97edab;
    width: auto;
    background: #72cfab2e url(../img/btntheme.png) top repeat-x !important;
    }
}
.players-ga{
    position:absolute;
    bottom: -20px;
    font-size: 12px;
    cursor: pointer;
}
.giveaway{
    display: inline-grid;
    grid-template-columns: 80px 75px 1fr;
    padding: 3px;
    width: 100%;
    opacity: 0;
    align-items: center;
    text-align: center;
    height: 0;
}
.ngw .giveaway{
    opacity:1;
    height: auto;
}
.end-ga .giveaway{
    display:none;
}
.ga.ngw{
    opacity:1;
    height: 114px;
    width: 100%;
    /* top: 35px; */
    z-index: 1;
    display: inline-grid;
}

.ga.end-ga {
    display: block;
}
.giveaway-end{
         /* display: inline-block; */
         width: 100%;
         /* grid-template-rows: auto auto; */
         grid-template-areas:
                  "all-players winner-ga";
         height: 0;
}
.ga.end-ga .giveaway-end{
    height: 60px;
}
.ga.end-ga-w .giveaway-end{
    height: 80px;
}
.ga{
    padding: 5px 5px 3px 5px;
    /* margin-top: 5px; */
    background: linear-gradient(180deg, #191e26, #242a34);
    box-shadow: inset 0 1px 2px #121720, 0 1px #232a35;
    .all-players{
    bottom: 11px;
    transform: unset;
    height: 0;
    transition: all 0.3s ease;
    }
    #gaUsers
    img{
    width: 45px;
    height: 45px;
    margin-right: 4px;
    }
    .winner-ga{
    text-align:center;
    opacity: 0;
    width: 100%;
    padding: 2px;
    font-size: 14px;
    will-change: opacity;
    transition: all 0.3s ease;
    height: 0;
    display: none;
    }
;
    opacity: 0;
    position: relative;
    transition: all 0.3s ease;
    height: 0;
    /* position: absolute; */
}
.end-ga .all-players{
    height: 63px;
    opacity:1;
    width: 100%;
}
.ga .all-players-list{
    padding-top:0;
}
.end-ga-w .winner-ga{
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    width: 80%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px;
    height: auto;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.head-ga{
    width:100%;
    text-align:center;
    color: #1adf90;
    font-size: 15px;
    border-radius: 5px;
    background-image: radial-gradient(ellipse at top, #0655384f, transparent), radial-gradient(ellipse at bottom, #185c471f, transparent);
    border-bottom: 1px solid #232a35;
    padding: 4px 0px 4px 0px;
}
.value-ga{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1adf90;
    font-size: 17px;
    background: radial-gradient(circle at center, #0655384f -4%, #00000000 60%);
    height: 75px;
    letter-spacing: 1px;
}
.timer-ga{
    font-size: 15px;
    color: #ffdfb2;
}
.timer-ga svg path{
    fill: #ffdfb2;
}
#fgt{
    margin-left: 4px;
}
.am{
    letter-spacing: 1px;
}
.checked {
    top: 0;
    right: 0;
    padding: 4px;
    display: none;
    font-size: 15px;
    text-shadow: 0 0 20px #5de5f6;
}

.checked path {
    fill: #5de5f6;
}

.item .name {
    bottom: 25px;
    padding: 2px 4px;
    color: rgba(var(--color),85%);
    font-size: 12px;
    z-index: 1;
    margin: 0 1px
}

.item .price {
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    align-items: center;
    /* text-align-last: center; */
    height: 23px;
    display: inline-flex;
    justify-content: center;
}

.item:hover .item_inner img {
    width: calc(var(--size) - 37px);
    height: calc(var(--size) - 37px)
}

#timer,.item_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.item .image {
    width: calc(var(--size) - 42px);
    height: calc(var(--size) - 42px);
    margin-top: 8px;
    transition: .15s ease-out;
    z-index: 1
}

.item:hover .name {
    white-space: normal;
    background: linear-gradient(280deg,#191e26 ,#1f2330 50%,#191e26);
}

.item-amount {
    position: absolute;
    z-index: 99999;
    font-size: 15px;
    background: linear-gradient(90deg, #191e267a, #05070aba, #191e26a6);
    padding: 2px 7px;
    top: 38px;
    display: none;
    border-radius: 3px;
}

.button-inventory,.sideicon {
    position: relative;
    cursor: pointer
}

.SearchBox,.nmd-timer {
    background: rgb(27 32 40);
}

.button-settings .infoDiv:hover+.setting-info,.fl-bank,.fl-items,.fl-jw,.fl-vs,.flip-visible,.history #winTicket,.king-game,.nmodal-buttons,.nosh .fl-winner,.select .item-amount,.view-more {
    display: flex;
}

.amount-number {
    margin: 0 22px
}

.SearchBox {
    max-width: 180px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    margin-right: 10px;
    border: 1px solid #232a35;
    height: 34px;
}

.SearchBox>input {
    width: 100%;
    height: 100%;
    background: 0 0;
    color: #dfdfdf;
    padding: 4px 4px 4px 0;
    border: 1px solid var(--cf-inbox-border);
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition: background .15s
}

input:focus-visible {
    outline: unset
}

.SearchBox>input:focus {
    border-left: none;
    background: unset;
    outline: 0
}

.SearchBox>svg {
    -ms-flex-order: -1;
    order: -1;
    padding: 0 5px;
    margin-right: 0;
    border: 1px solid var(--cf-inbox-border);
    background: var(--items-bg);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: none;
    -webkit-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition: background .15s ease-out;
    height: 30px
}

.button-inventory, .jp-bank, .jp-timer, .king-timer, .nmd-timer {
    align-items: center;
    display: flex;
}
.fast-game-info{
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}
.fast-game-info div{
    margin:5px 0;
}
.nmd-timer svg {
    margin-right: 3px;
    font-size: 14px
}

.nmd-timer path {
    fill: #d1c562
}

.nmd-timer {
    padding: 8px 11px;
    height: 38px;
    width: 60px;
    justify-content: center;
    border: 1px solid #6a6532;
    border-radius: 3px;
    color: #f7f7b1
}

.nmd-timer .jptimer {
    width: 20px
}

.button-inventory {
    padding: 0 8px;
    height: 34px;
    margin-right: 5px;
    white-space: nowrap;
    justify-content: center;
    border-radius: 3px;
    font-size: 13px;
    color: #adb8c7;
    border: 1px solid #232A35;
    background: #2c3140 url(../img/btntheme.png) top right repeat-x !important;
}

.affordable.acte:before {
    background: #5ac75a
}

.affordable:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 4px;
    right: 4px;
    border-radius: 50%
}

.storeOrder svg {
    margin-left: 5px
}

#clearInventory {
    color: #e5adad;
    background: #784b4b
}

#clearInventory:hover {
    background: #6e4d4d
}

.button-inventory i {
    color: silver
}

#priceOrder:hover,#refreshInventory:hover {
    background: #5b6374
}

.pick-options {
    margin-right: 50px
}

.sideicon {
    width: 45px;
    height: 45px;
    margin: 0 10px;
    border-radius: 50%;
    -webkit-transition: 150ms ease-in-out;
    opacity: .5;
}

.sideicon[data-side="1"].act {
    opacity: 1;
    box-shadow: #4b65e9 0 0 16px -1px
}

.sideicon[data-side="2"].act {
    opacity: 1;
    box-shadow: #f24952 0 0 16px -1px
}

.user-chat-options {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    background: rgb(35 41 51);
    height: 100%;
    width: 100%;
    z-index: 10;
    border-radius: 5px
}

.user-chat-options .mbut {
    background: #2f3547 url(../img/btntheme.png) top right repeat-x !important;
    padding: 6px 10px;
    color: #89df8c;
    border-radius: 3px;
    cursor: pointer;
    transition: background .15s ease-in-out
}

.loginBut:hover,.user-chat-options .mbut:hover {
    color: #89df8cd9;
}

.history .history-item,.infob {
    background: #191e26;
    position: relative
}

.chat-btn {
    cursor: pointer;
    height: 17px;
    width: 17px;
    margin-left: 5px
}

.opened {
    margin-left: 0
}

.chat-emotes {
    position: absolute;
    right: 4px;
    top: 12px;
    width: 28px;
    height: 28px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: 150ms;
    cursor: pointer
}

.chat-emotes i {
    font-size: 18px
}

.chat-emotes:hover path {
    fill: var(--path-hover)
}

.arrdown.gr {
    color: rgb(106 224 106)
}

.hs {
    max-width: 1100px;
    margin: auto
}

.infob,.user-flips .coinflip:last-child {
    margin-bottom: 30px
}

.infob {
    height: 92px;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.infob h2 {
    color: #fff;
    font-size: 16px
}

.coinflips-header .history-check-box-container {
    padding: 9px
}

.history-check-box-container {
    color: #9ea7b3;
    float: right;
    font-size: 13px;
    font-weight: 300;
    padding: 15px 26px 14px 25px;
    position: absolute;
    top: 0;
    right: 0
}

.checkbox-holder [type=checkbox]:checked+.checkbox-label,.checkbox-holder [type=checkbox]:not(:checked)+.checkbox-label {
    cursor: pointer;
    padding-left: 28px;
    position: relative
}

.checkbox-holder [type=checkbox]:checked+.checkbox-label:before,.checkbox-holder [type=checkbox]:not(:checked)+.checkbox-label:before {
    border: 1px solid #6e7481;
    box-sizing: border-box;
    content: "";
    height: 11px;
    border-radius: 5px;
    left: 11px;
    position: absolute;
    top: 2px;
    width: 11px;
}

.checkbox-holder [type=checkbox]:not(:checked)+.checkbox-label:after {
    opacity: 0;
    transform: scale(0)
}

.checkbox-holder [type=checkbox]:checked+.checkbox-label:after {
    opacity: 1;
    transform: scale(1)
}

.checkbox-holder [type=checkbox]:checked+.checkbox-label:after,.checkbox-holder [type=checkbox]:not(:checked)+.checkbox-label:after {
    background: #45db9f;
    content: "";
    height: 5px;
    left: 14px;
    border-radius: 2px;
    position: absolute;
    top: 5px;
    transition: .2s;
    width: 5px;
}

.hs .jpc-title {
    font-size: 14px;
    padding-left: 10px
}

.history .history-item {
    color: #fff;
    margin-top: 15px;
    padding: 5px 8px
}

.history .history-item .history-info-first {
    display: grid;
    grid-template-columns: 200px 1fr 250px;
    padding-bottom: 17px
}

.history .betItems {
    margin: 10px 0 5px
}

.history-item .info {
    display: flex;
    align-items: center;
    justify-content: center
}

.history .showticket,.history .showticketnum,.jackpot-history-element:hover>.view-game-btn {
    opacity: 1;
    visibility: visible
}

.end-game .active-game,.view-game-btn {
    visibility: hidden
}

.history .player-in,.king-history,.king-items {
    margin-top: 10px
}

.history .jp-col1 {
    background: unset;
    clip-path: unset;
    padding: 17px
}

.history .abso-title {
    top: -16px;
    color: #cdcdcd
}
/*Fast game*/
.game-top {
    border-bottom: 1px solid rgba(255,255,255,.2);
    margin-bottom: 9px;
    position: relative;
    padding: 3px 0px;
}
.gamefcon ul.oborfast {
    width: calc(100% - 115px);
    /* background: linear-gradient(270deg, rgba(var(--fp1-color), 0.1), transparent); */
    height: 32px;
    /* border-radius: 3px; */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.oborfast .view-more{
    padding: 0 4px;
    height: 22px;
    background: unset;
}
.fast-wintick.rdy {
    opacity: 1;
}
ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.gamefcon ul.pper {
    /* height: 98px; */
    margin: auto;
    background: #1a1d29;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 6px;
}

.pperb {
    display: inline-block;
    margin-right: 3px;
    overflow: hidden;
    height: 80px;
}
[data-profile] {
    cursor: pointer;
}
.slideInLeft {
    -webkit-animation: .7s slideInLeft;
    animation: .7s slideInLeft;
}

.fastgsf.finish {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}
.fastgsf, .fastrti, .historyid, .part-block li div, .trade-text p, tbody {
    font-family: 'Open Sans', Roboto, sans-serif !important;
}
.gamewrf {
    text-align: left;
    background: linear-gradient(180deg, #252b35, transparent);
    border-bottom: 1px solid rgb(32 37 47);
}

.pperb {
    display: inline-block;
    margin-right: 3px;
    overflow: hidden;
    height: 80px
}

.player.empty .plimg {
    border: 1px dashed
}

.plimg {
    width: 80px;
    height: 80px;
    background-size: cover;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
.opa{
    opacity:0;
}
.pperb .player {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: transform, opacity;
    transition: opacity 0.1s;
}
.player .player1 {
    color: rgba(var(--fp1-color), 1);
    border-left: 4px solid!important
}

.player .player2 {
    color: rgba(var(--fp2-color), 1);
    border-left: 4px solid!important
}

.player .player3 {
    color: rgba(var(--fp3-color), 1);
    border-left: 4px solid!important
}


.fastgti {
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    position: relative;
}
.fastgti.hidden{
    display:none;
}
.darkBlueBg {
    display: none;
    position: absolute;
    min-width: 320px;
    height: 75px;
    background: #5d6b83;
    top: -85px;
    padding: 5px;
    border-radius: 4px;
    z-index: 999999;
    left: -150px;
    box-shadow: 0 0 10px 1px #0e0e0e;
    color: #fdfdfd
}

.darkBlueBg:after {
    content: '';
    display: block;
    position: absolute;
    left: 153px;
    bottom: -10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #5d6b83;
    border-bottom: 0
}

.darkBlueBg:hover:after {
    display: none;
}

.gamefcon ul {
    display: inline-block;
    vertical-align: middle;
}
.fastgt {
    margin-bottom: 1px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fastgt:hover {
    overflow: visible
}

.fastgt:last-child {
    margin-bottom: 0
}

.fastrti {
    margin-top: -1px;
    color: #a6b0c1;
    width: 110px;
}

.fastginp {
    top: -30px;
    position: absolute;
    right: 0;
    width: 100%;
    -webkit-transition: top .7s;
    transition: top .7s;
    will-change: top;
}

.fastginp.active {
    top: 10px;
}

.fastginp #roundBank {
    min-width: 25px;
    display: inline-block;
    text-align: center
}

.fastgt:nth-child(1) {
    background: linear-gradient(90deg, rgba(var(--fp1-color), 0.1), transparent);
    border-left: 1px solid rgba(var(--fp1-color), 0.5);
}
.fastgt:nth-child(2) {
    background: linear-gradient(90deg, rgba(var(--fp2-color), 0.1), transparent);
    border-left: 1px solid rgba(var(--fp2-color), 0.5);
}
.fastgt:nth-child(3) {
    background: linear-gradient(90deg, rgba(var(--fp3-color), 0.1), transparent);
    border-left: 1px solid rgba(var(--fp3-color), 0.5);
}
.fastgs {
    max-width: 185px;
    height: 120px;
    text-align: center;
    overflow: hidden;
    padding-top: 40px;
    margin-top: -40px;
    position: relative;
}

.fastgsf {
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease,-webkit-transform .7s ease;
    will-change: transform;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    font-family: 'Open Sans',sans-serif
}

.gamewr {
    margin-top: 1px;
    line-height: 23px;
    white-space: nowrap;
    border-radius: 3px;
    overflow: hidden;
    padding: 0 2px;
    text-overflow: ellipsis;
    color: #000;
    text-shadow: none;
    font-weight: 600;
}

.gamewr.player1 {
   background: radial-gradient(at top, rgba(var(--fp1-color), 1), rgba(var(--fp1-color), 1), rgba(var(--fp1-color), 0.5));
}

.gamewr.player2 {
    background: radial-gradient(at top, rgba(var(--fp2-color), 1), rgba(var(--fp2-color), 1), rgba(var(--fp2-color), 0.5));
}

.gamewr.player3 {
    background-image: radial-gradient(at top, rgba(var(--fp3-color), 1), rgba(var(--fp3-color), 1), rgba(var(--fp3-color), 0.5));
}

.gamewrf span {
    display: inline-block;
    line-height: 23px;
    padding: 0 4px;
    margin-top: 4px;
}
.gamewrf .pricec{
    padding:0;
}
.gamewrff {
    width: 60%
}

.fgg {
    width: 40%
}

.gamefcon {
    /* margin-bottom: 15px; */
    position: relative;
    display: grid;
    /* grid-template-rows: 90px; */
    grid-template-areas:
        "pper fastitand fastgs";
    grid-template-columns: 265px auto 185px;
    gap: 5px;
}

#kekfast {
    min-height: 1250px;
    border-bottom: 1px solid rgba(0,0,0,.25)
}

.itemin,.itemip {
    padding-left: 15px
}

.itemip {
    bottom: 15px
}

.itimag {
    width: 50px;
    height: 50px;
}

.itemin {
    /* top: 17px; */
    width: 180px;
    height: 33px;
    overflow: hidden;
    line-height: 16px;
}

img.ovner {
    width: 50px;
    height: 50px;
}

.fastgti:hover .darkBlueBg {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.fast-winner:after {
    background-color: rgba(0,0,0,.75);
    bottom: 0;
    color: rgba(var(--fp1-color), 1);
    content: 'winner';
    font-weight: 500;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding-top: 2px
}

.player2.fast-winner:after {
    color: var(--fp2-color);
}

.player3.fast-winner:after {
    color: rgba(var(--fp3-color), 1);
}

.player .plimg:before {
    content: attr(data-fast-tick);
    position: absolute;
    font-size: 10px;
    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,.8);
}

/*Fast game*/
.mobile-buttons {
    width: 100%;
    flex-shrink: 0;
    border-top: 1px solid #000;
    position: absolute;
    bottom: 0;
    z-index: 2;
    display: none;
    background: #1a1d29;
    height: 55px;
}

.mobile-buttons .left-btn {
    width: 100%;
    grid-template-columns: 46px auto;
}

.coinflip-stats{
  color:#adb8c7;
}
.game-title, .active-flips-info i{
  color:white;
}
.game-title{
    font-size:20px;
    font-weight:bold;
}
.flip-summary{
    display: inline-grid;
    width: 100%;
    grid-template-columns: 1fr auto;
    align-items: center;
    font-size: 15px;
}
.flip-summary:last-child{
    margin-top:5px;
}
.flip-summary .pricec{
    font-size: 15px;
}
.active-flips-info{
  gap: 5px;
  display:inline-flex;
  align-items: center;
}
.uinf{
  display:inline-flex;
  gap: 25px;
  align-items: center;
}
.coinflip-stats {
    width: 100%;
    /* margin-bottom: 10px; */
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    /* gap: 5px; */
    position: relative;
}

.affiliates,.body-stats .join-game-btn,.king-content {
    margin: auto
}

.global-stats .body-stats,.user-stats .body-stats {
    width: 100%;
    height: 90px;
    display: grid;
    font-weight: 500;
    /* background: linear-gradient(241deg ,rgb(22 25 36) -92%,#1f2330 30%); */
    /* background: rgb(28 32 44); */
    background: linear-gradient(17deg,rgb(38 42 58 / 63%),rgb(31 35 48));
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-content: space-around;
    padding: 0 5%
}

.header,[data-cf]:not(.actb) {
    background: #1f2330;
    color: #adb8c7;
    user-select: none;
}

.global-stats i,.global-stats span,.user-stats i,.user-stats span {
    font-size: 15px;
    color: #fff;
    font-weight: 500
}

.flip-history {
    width: 100%;
    display: flex;
    white-space: nowrap;
    padding: 3px 0;
    align-items: center;
    overflow: auto;
}

#cflastrolls .cfHistoryCoin {
    width: auto;
    cursor: pointer;
    height: 30px;
    padding: 0 2px;
    display: inline-block
}

.global-stats,.user-stats {
    width: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.header {
    width: 100%;
    font-size: 13px;
    padding: 7px 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #262a3a;
}

.available-balance,.ref-link {
    width: calc(100% - 100px);
    float: left
}

.global-stats .body-stats .flip-head-info,.user-stats .body-stats .flip-head-info {
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    font-size: 11px;
    line-height: 30px;
    color: #8791a1;
    white-space: nowrap
}

.user-stats .body-stats .flu-info {
    display: flex;
    flex-direction: row
}

.user-stats .add-deposit span {
    color: #121319;
    font-size: 15px
}

.abso {
    display: flex;
    position: absolute;
    right: 0;
    flex-direction: column;
    top: 0;
    align-items: center;
    text-align: end
}

.flexC {
    display: flex;
    justify-content: center;
    align-items: center
}

.affiliates {
    display: flex;
    gap: 15px
}

.affiliates .col {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.affiliates .col:first-child {
    width: calc(100% - 35vh)
}

.affiliates .col:nth-child(2) {
    width: 35vh
}

.ref-i {
    color: #fdfdfd;
    margin-left: 2px
}

.ref-link {
    height: 32px;
    font-size: 14px;
    color: #8791a1;
    display: flex;
    background: rgba(0,0,0,25%);
    border-radius: 3px;
    align-items: center;
    padding-left: 10px;
    justify-content: flex-start
}

.available-balance {
    padding: 12px;
    justify-content: center;
    color: #7eda8a;
    font-size: 15px;
    font-weight: 600
}

.left-button,.right-button {
    position: relative;
    height: 100%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 0 4px;
    z-index: 1
}

.flip-page {
    justify-content: space-around;
    gap: 5px;
    margin-bottom: 5px
}

.flip-page div {
    padding: 10px;
    width: 100%;
    color: #9ea8c1
}
.bg-dark-blue-3:nth-child(2) .top-balance {
    padding: 7px 5px;
    background: #161a21;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 57px;
}
#cancelBet,#confirmBet,#level-info,.add-deposit:focus,.add-deposit:hover,.betitem,.clickable,.grid-btn,.history .verif,.list-btn,.n-btn,.sb-verify,.ss-button,.store-clear,.storeOrder,.view-game-btn,[data-cf]:not(.actb),[data-profile],[data-url] {
    cursor: pointer
}

[data-cf].actb {
    background: rgb(38 42 58)
}

.flips-history-row {
    width: calc(100% - 5px);
    padding: 4px 0;
    display: flex;
    font-size: 14px;
    align-items: center;
    transition: .2s;
    position: relative;
    height: 41px;
    background: radial-gradient(circle at top,#1c232d 25%,#191e26 60%);
}

.scroll-flips {
    width: 100%;
    padding: 0 22px;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    white-space: nowrap;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
    will-change: opacity;
    display: grid
}

.game-top-buttons {
    display: block;
    margin-bottom: 10px
}

.game-btn {
    display: inline-block;
    padding: 11px 5px;
    background: #1f222b;
    width: 50%;
    margin: auto;
    color: #fff;
    opacity: .6;
    cursor: pointer
}

.game-btn.active {
    background: #1f222b;
    opacity: 1;
    cursor: default
}

.miniavacf {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.mPrice {
    width: 100%;
    font-size: 12px;
    padding: 5px
}

.imgavacf {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #000;
    margin: 0 10px;
    opacity: .7;
    background-size: cover;
    background-position: center
}

.win-border {
    border: 2px solid #55d055;
    opacity: 1
}

.fl-abso,.fl-pop-res,.infoDiv:hover,.notify,.tick-fl {
    opacity: 0
}

.coin-percentage {
    display: flex;
    height: 100%;
    grid-gap: 17px;
    justify-content: space-between
}

.coin-percentage .percent {
    white-space: nowrap;
    width: 47px;
    text-align: center;
}

.coin-blue .percent {
    color: #91c3f9
}

.coin-red .percent {
    color: #f3655a;
}

.coin-blue,.coin-red {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    font-size: 13px;
    font-weight: 600;
}

.coin-percentage .coin-red .coin,.coin.right,.coinflip .win2.miniWin {
    background-image: url(../img/coin-red2.png)
}

.coin-percentage .coin-blue .coin,.coin.left,.coinflip .win1.miniWin {
    background-image: url(../img/coin-green1.png)
}

.coin-percentage .coin {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
}

.dd {
    font-size: 11px;
    width: 100%;
    bottom: 54px;
    left: -5px;
    color: #46c690
}
.limit{
    bottom: -21px;
    color: #fff7b4;
    font-size: 10px;
}
.defeat, .empty-table, .fl-price, .fl-vs, .victory, .view-more {
    font-size: 12px;
}

.coinflip {
    display: grid;
    grid-template-rows: 90px;
    grid-template-areas:
        "fl-vs fl-items fl-bank fl-winner fl-jw";
    transition: transform .3s,opacity .3s;
    will-change: opacity,transform;
    margin-bottom: 3px;
    background: radial-gradient(circle at top,#1c232d 25%,#191e26 60%);
    border-radius: 3px
}

.coinflips-header {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-rows: 33px;
    color: #80879b;
    /* margin-bottom: 4px; */
    /* background: #1f2330; */
}

.flips-content {
    border-radius: 5px
}

.coinflip-layout {
    grid-template-areas: "players items amount status actions";
    font-size: 12px
}

.cfValueSort {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
    height: 100%;
    width: 100%
}

.flip-avatar,.no-oponent {
    height: 50px;
    width: 50px
}

.cfValueSort.disabled {
    cursor: unset
}

.cfValueSort div {
    margin-left: 10px;
    width: 20px
}

.cfValueSort i,.loginBut svg {
    font-size: 16px
}

.coinflip-layout .start {
    width: 100%;
    margin-left: 17px;
    text-align: left
}

.no-oponent {
    display: flex;
    border: 1px solid var(--bordc);
    align-items: center;
    justify-content: center
}

.fl-pop-list .overinfo,.flip-side,.flipAva,.flipSide,.store-items .overinfo,.versus {
    display: inline-block
}

.fl-items,.fl-jw,.fl-vs,.fl-winner {
    align-items: center
}

.flip-side {
    width: 55px;
    margin: 5px
}

.or,.versus {
    margin: 0 10px
}

.flipAva .user-avatar {
    width: 45px;
    height: 45px;
    margin-top: 0;
    border: 1px solid silver
}

.flipAva .avaLevel {
    margin-left: 2px;
    margin-top: 30px
}

.fl-vs {
    padding: 5px;
    border-right: 1px solid #3d4254;
    margin: 22px 0
}

.fl-winner .flipSide {
    position: absolute;
    top: 21px;
    left: 52px;
    z-index: 1
}

#flip-wrapper .flipAva,#flip-wrapper .flipSide {
    margin-top: 26px
}

.fl-vs .left {
    margin-right: 10px;
    margin-top: 0
}

.flipSide img {
    width: auto;
    height: 25px;
    top: 6px;
    left: 46px;
    z-index: 1
}

#flip-wrapper .flipItem {
    width: 68px;
    height: 68px
}

#flip-wrapper .fl-price {
    width: 90px
}

.flipItem {
    width: 69px;
    height: 69px;
    flex-shrink: 0;
    padding: 6px;
    margin-right: 8px;
    border-radius: 5px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to left,#00000000,transparent 54%,#17191f00) 1;
    transition: border .3s
}

.flipItem:hover {
    border-bottom: 1px solid;
    background: radial-gradient(ellipse at top,rgba(var(--color),10%),#252a36 62%)
}

.flipItem .img-item,.jp-list-item .img-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    image-rendering: -webkit-optimize-contrast
}

.fl-price {
    position: absolute;
    height: 28px;
    width: 68px;
    bottom: 5px;
    line-height: 54px;
    color: #bebebe
}

.fl-items {
    padding: 10px 9px;
    min-width: 65px
}

.view-more {
    align-items: center;
    color: #fff;
    background-color: #191725;
    border-radius: 8px;
    padding: 8px 12px
}

.fl-bank {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    color: #b6b6b6
}
.fl-bank .pricec{
    position:unset;
}
.fl-bank div, .pricec {
    color: #4caf50;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}
.greenProfit .pricec {
    color: var(--color) !important;
}
.redProfit .pricec {
    color: var(--color) !important;
}
.pricec {
    font-size: 13px;
    margin-right: 3px;
}

.jp-bank .pricec {
    color: #50b26d!important
}

.top-balance i {
    font-family: sans-serif;
    font-size: 15px;
}

.fl-bank i,.nw,.top-balance i {
    color: #ffffff;
    margin-left: 2px;
}
.increase-n{
      animation: color-green 0.5s linear forwards;
}
.decrease-n{
    animation: color-red 0.5s linear forwards;
}
.fl-bank span {
    font-weight: 400;
    font-size: 11.5px;
    color: #9da1b0;
    opacity: .8;
    bottom: 16px
}

.fl-winner {
    font-size: 13px;
    flex-direction: column
}

.flWin .flip-winner {
    position: absolute;
    left: 62px;
    z-index: 1;
    top: 52px
}

.flWin .avatar,.flipAva .avatar {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    padding: 2px;
    border-radius: 5px;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 2;
    float: left;
    position: relative
}

.fl-jw {
    justify-content: flex-end;
    padding: 0 20px
}

.join,.watch {
    border-radius: 3px;
    padding: 9px 17px;
    font-size: 14px;
}

.join {
    color: #fff;
    font-weight: 400;
    background: #008650c7 url(../img/btntheme.png) top right repeat-x !important;
}

.flip-items .join {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.watch {
    background: #282d3d url(../img/btntheme.png) top right repeat-x !important;
    margin-right: 10px;
    color: #adb8c7;
}

.closeFlip {
    right: 8px;
    padding: 2px 7px;
    background: url(../img/new_sprite.png) -385px -26px no-repeat;
    width: 13px;
    height: 13px
}

.watch:hover {
    background: #30374f
}

.watch path {
    fill: #e4f2ff
}

li em {
    font-weight: 700;
    font-style: normal;
    color: #dfeef7
}

#flip-wrapper .bbm-modal,#inv-wrapper .bbm-modal {
    width: 831px;
    padding: 20px;
    background: no-repeat padding-box #171920
}

.cf-header {
    background: rgb(25 30 38);
    width: 100%;
    color: #fff;
    left: 0;
    top: 0;
    padding: 8px 0;
    align-items: center;
    border-bottom: 1px solid #232A35;
    font-size: 14px
}

#profile-wrapper .bbm-modal {
    width: 825px;
    padding: 20px
}

#profile-wrapper .gpc p {
    margin: 0;
    padding: 17px
}

#profile-wrapper .bbm-ms {
    margin-top: 23px
}

.fl-pop-cent,.fl-pop-player {
    display: inline-block;
    justify-content: center;
    align-items: center;
    width: calc(100% / 3);
    margin: 0 55px;
    z-index: 1;
    position: relative
}

#flip-wrapper .flip-player,.flip-coin {
    display: flex;
    position: relative;
    height: 168px;
    width: 188px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

#flip-wrapper .flipSide.right img {
    left: -92px
}

#flip-wrapper .flipSide img {
    width: 48px;
    height: 48px;
    top: 22px
}

#flip-wrapper .fl-vs .left {
    margin-right: 5px;
    margin-top: 0
}

.fl-pop-itemlist.user1,.fl-pop-itemlist.user2 {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    position: relative
}

.fl-pop-itemlist.user1 {
    margin-right: auto
}

.fl-pop-itemlist.user2,.profile-box .user__btn {
    margin-left: auto
}

#flip-wrapper .flipAva .level {
    left: 41px;
    bottom: -6px
}

#flip-wrapper .countdown,#flip-wrapper .flipAva .avatar {
    width: 100px;
    height: 100px
}

.flip-betinfo {
    font-weight: 700;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    white-space: nowrap
}

.flip-users {
    display: flex;
    justify-content: center;
    flex: 1 0 50%;
    margin-top: 30px;
    margin-bottom: 42px;
    align-items: center
}

.fl-pop-items {
    white-space: nowrap;
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 0 10px 10px
}

.fl-fair-game {
    margin-top: 22px;
    width: 100%;
    display: inline-block;
    font-family: monospace;
    padding: 12px 6px;
    position: relative;
    min-height: 31px;
    flex-direction: column;
    color: #c0c1c1;
    background: #0d0b15
}

.close-x, .outer_btn, .closeNotify {
    width: 13px;
    cursor: pointer
}

.flip-username,.notify {
    font-family: sans-serif;
    overflow: hidden
}

#cancelBet, .close-x, .outer_btn, .closeNotify {
    background: url(../img/new_sprite.png) -385px -26px no-repeat;
    height: 13px
}

.fl-game-id {
    left: 0;
    padding-left: 14px;
    font-size: 12px
}

.outer_btn, .closeNotify {
    right: 12px;
    color: #fff;
    z-index: 2;
    top: 10px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.close-x {
    top: 0;
    right: 9px
}

.flip-username {
    width: 100%;
    display: flex;
    padding: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    justify-content: center;
    align-items: center
}

.flip-username i {
    white-space: nowrap;
    overflow: hidden
}

.fl-line.two.start {
    background: #ee2929
}

.fl-line.two {
    top: 0;
    left: 0;
    width: 0%;
    background: #8bc34a;
    -webkit-transition: none;
    transition: none
}

.fl-line {
    position: relative;
    height: 4px;
    background: #797777
}

.fl-progress {
    padding: 0 20px;
    margin: 5px 0;
    width: 100%
}

.flipper {
    position: relative;
    display: flex;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    z-index: 1;
    align-items: center;
    justify-content: center
}

.coin-flip .cfback {
    -webkit-transform: translateZ(-3px);
    transform: translateZ(-3px);
    background: url(../img/coin-green1.png) center/100% 100%;
    height: 100%;
    width: 100%
}

.coin-flip .cffront {
    -webkit-transform: translateZ(3px);
    transform: translateZ(3px);
    background: url(../img/coin-red2.png) center/100% 100%;
    height: 100%;
    width: 100%
}

.coinflip .flipper .coin-flip .coin {
    width: var(--size);
    height: var(--size);
    --size: 50px
}

.coin-flip .coin {
    display: block;
    position: relative;
    transform-style: preserve-3d;
    width: var(--size);
    height: var(--size);
    --size: 110px;
    --thickness: 5px;
    --faces: 40
}

.coin-flip .coin--side {
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    width: var(--size);
    max-width: 100%;
    display: flex;
    z-index: 0
}

.coin-flip .coin--heads {
    position: absolute;
    margin-right: 0;
    transform: translateZ(calc(var(--thickness)/2))
}

.coin-flip .coin--tails {
    position: absolute;
    transform: rotateY(180deg) translateZ(calc(var(--thickness)/2))
}

.coin-flip .coin--side:after {
    display: block;
    position: absolute;
    bottom: 100%;
    left: calc(var(--size)/-2);
    width: calc(var(--size)*2);
    height: calc(var(--size)/1.5);
    opacity: .3;
    background: #fff;
    content: "";
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.rs-sizer {
    transition: padding-bottom .2s cubic-bezier(.25,.8,.5,1);
    flex: 1 0 0px;
    padding-bottom: 100%
}

.flip-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rs-responsive {
    margin-left: -100%;
    flex: 1 0 0px;
    max-width: 100%
}

.coin-flip .coin--edge {
    transform-style: preserve-3d
}

.coin-flip .coin--edge div[data-v-4a6a6a50] {
    --edge-face-length: calc(3.14*var( --size)/var(--faces));
    --half-edge-face-length: var(--edge-face-length)/2;
    --half-size: var(--size)/2;
    --half-thickness: var(--thickness)/2;
    position: absolute;
    width: var(--thickness);
    height: var(--edge-face-length);
    background-color: #2f3647;
    transform: translateY(calc(var(--half-size) - var(--half-edge-face-length))) translateX(calc(var(--half-size) - var(--half-thickness))) rotate(calc(1turn/var(--faces)*var(--i) + 90deg)) translateX(calc(var(--half-size))) rotateY(90deg)
}

.fl-pop-head .cost,.fl-pop-head .flip-chance,.nextG {
    float: right
}

.fl-pop-head {
    padding: 9px 15px 7px
}

#flip-wrapper .fl-pop-head {
    background: radial-gradient(circle at center,#232a35a1 25%,rgb(29 35 45) 60%);
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    justify-content: space-between
}

.flip-tickets {
    bottom: -3px;
    position: absolute;
    color: #6e7487;
    font-size: 12px
}

#flip-wrapper .fl-pop-head>div {
    /* display: inline-flex; */
    font-size: 13px;
    color: #ffffff;
    align-items: center;
}

.fl-pop-head .flip-price,.jph-header div,.prevG {
    float: left
}

#flip-wrapper .flip-items {
    max-height: 458px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(8rem,1fr));
    grid-gap: 0.6rem;
    gap: .6rem;
    overflow: auto;
    align-content: flex-start
}

.fl-pop-list,.flip-items {
    white-space: normal;
    padding: 0;
    margin-bottom: 20px;
    min-height: 193px;
    overflow: hidden
}

.fl-item-row {
    display: flex;
    align-items: center;
    color: #dfdfdf;
    position: relative;
    width: 100%;
    height: 78px;
    font-size: 11px;
    font-weight: 600;
    z-index: 1
}

.fl-item-row .item-img {
    width: 76px;
    height: 55px;
    background-size: cover;
    background-repeat: no-repeat
}

.fl-item-row .item-name {
    width: 181px;
    white-space: pre-line;
    padding: 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    margin-left: 19px
}

.fl-item-row .item-price {
    padding: 4px;
    margin-right: 10px;
    margin-left: 10px
}

@keyframes flip2_1 {
    0% {
        transform: perspective(1200px) rotateY(0)
    }

    100% {
        transform: perspective(1200px) rotateY(calc(6.5*360deg))
    }
}

@keyframes flip2_2 {
    0% {
        transform: perspective(1200px) rotateY(0)
    }

    100% {
        transform: perspective(1200px) rotateY(calc(7.5*360deg))
    }
}

@keyframes flip2_3 {
    0% {
        transform: perspective(1200px) rotateY(0)
    }

    100% {
        transform: perspective(1200px) rotateY(calc(8.5*360deg))
    }
}

@keyframes flip1_1 {
    0% {
        transform: perspective(1200px) rotateY(0)
    }

    100% {
        transform: perspective(1200px) rotateY(calc(6*360deg))
    }
}

@keyframes flip1_2 {
    0% {
        transform: perspective(1200px) rotateY(0)
    }

    100% {
        transform: perspective(1200px) rotateY(calc(7*360deg))
    }
}

@keyframes flip1_3 {
    0% {
        transform: perspective(1200px) rotateY(0)
    }

    100% {
        transform: perspective(1200px) rotateY(calc(8*360deg))
    }
}

.nosh .abso,.nosh .fl-abso,.nosh .fl-mod,.nosh .fl-seeds,.nosh .flip-winner,.nosh .tick-fl,.nosh .tick-mod,.play .abso,.play .fl-abso,.play .fl-mod,.play .fl-seeds,.play .tick-fl,.play .tick-mod {
    visibility: hidden;
    position: absolute
}

.tick-fl {
    bottom: -32px;
    color: #b4b9ca;
    font-size: 12px;
    margin-top: 10px;
    position: absolute;
    text-align: center
}

.win1 .mod-fl {
    color: #8cb7f5
}

.win2 .mod-fl {
    color: #e46c74
}

.fl-abso {
    position: absolute;
    bottom: -62px
}

.fl-abso .add-deposit {
    background: linear-gradient(90deg, #191e26, #3db56d12,#191e26);
    padding: 5px 10px;
    font-size: 11px;
    color: #63cf8f85;
    opacity: .85;
}

.fl-abso .add-deposit:hover {
    color: #57f397b8;
    background: linear-gradient(90deg, #191e26, #31ad7a29,#191e26);
    opacity: 1
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeInFast {
    -webkit-animation-name: fadeInFast;
    animation-name: fadeInFast;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@keyframes fadeInFast {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}
@keyframes color-green {
    0% {
        color: #ffffff;
    }

    50% {
        color: #59cf5d;
    }
    100%{
        color: #ffffff;
    }
}
@keyframes color-red {
    0% {
        color: #ffffff;
    }

    50% {
        color: #da1e11;
    }
    100%{
        color: #ffffff;
    }
}
.fadeOutFast {
    -webkit-animation-name: fadeOutFast;
    animation-name: fadeOutFast;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.ak_shoot,.awp_shoot,.pistol_shoot,.smg_shoot {
    animation-fill-mode: forwards
}

@keyframes fadeOutFast {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.coinflip .miniWin {
    width: 25px;
    background-repeat: no-repeat;
    height: 25px;
    background-position: center center;
    background-size: cover
}

#storeItems,#winAvatar,.flip-win-notify .coin {
    background-position: center
}

.win1 .flipper .coin-flip .coin {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.win2 .flipper .coin-flip .coin {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.rotateLeft,.rotateRight {
    background-image: radial-gradient(ellipse at top,#1e2126,#1b1e22),radial-gradient(ellipse at bottom,#141a2400,transparent);
    margin: auto;
    height: 32px;
    text-align: center;
    width: 33.33%;
    position: absolute;
    display: inline-block;
    border: 1px solid #384452;
    border-top: unset;
    z-index: 1
}

.rotateLeft {
    transform: skew(32deg)!important;
    margin-left: 10px;
    left: 0
}

.rotateRight {
    transform: skew(328deg)!important;
    right: 0;
    margin-right: 11px
}

.iconAk {
    right: 66px;
    color: #fff;
    cursor: pointer;
    background: url(../img/new_sprite.png) -165px -2px no-repeat;
    transform: rotate(326deg);
    width: 23px;
    height: 33px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.shape {
    width: 400px;
    height: 40px;
    -webkit-clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
    clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
    position: relative
}

.shape:before {
    content: "";
    width: 88px;
    height: 98px;
    -webkit-clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
    clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
    display: block;
    position: absolute;
    top: 1px;
    left: 1px
}

.avatar .img,.avatar .img img,.empty-avatar {
    width: 100%;
    height: 100%
}

.fl-winner svg,.notify:after {
    left: 0;
    position: absolute;
    bottom: 0
}

.blueCoin_ava.avatar {
    box-shadow: inset 0 0 0 .5px #3975c0
}

.redCoin_ava.avatar {
    box-shadow: inset 0 0 0 .5px #ba3941
}

.empty-avatar {
    background: #161924;
    border-radius: 5px
}

.avatar .img {
    background-color: #252c34;
    border-radius: 3px
}

.avatar .img img {
    position: relative;
    border-radius: 3px
}

.flip-gap {
    font-size: 14px;
    color: #ebebeb
}

.countdown {
    margin: auto;
    height: 47px;
    width: 47px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.flip-win-notify,.notify {
    margin-bottom: 5px;
    position: relative
}

.circle-info {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff
}

.fl-winner svg {
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    right: 0;
    z-index: 0;
    transform: rotateY(-180deg) rotateZ(-90deg)
}

.fl-winner svg circle {
    stroke-width: 4px;
    fill: none;
    z-index: 1
}

.fl-winner svg circle.circle_overlay {
    stroke: #4caf50
}

.fl-winner svg circle.circle_underlay {
    stroke: #6ca16e66
}

.fl-pop-cent .fl-winner svg circle {
    r: 40;
    stroke-width: 6px
}

.flip-win-notify, .offer-inner {
    padding: 10px;
    width: 285px;
    /* background: rgb(45 52 64); */
    color: #bababa;
    /* box-shadow: inset 18px 20px 40px 0 #0087511c; */
    border: 1px solid #00643c17;
    z-index: 999;
    background: linear-gradient(.4turn, #1a1d29, #202431);
    border: 1px solid #12161c;
}
.offer-inner{
    width: 375px;
    display: flex;
    color: #7E849A;
    font-weight: 600;
    position: relative;
    margin-bottom: 10px;
    align-items: center;
}
.offer-inner:last-child{
    margin-bottom:0;
}
.offer-inner .avatar{
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #000;
}
.offer-text{
    display:flex;
    flex-direction: column;
    line-height: 19px;
    margin-left: 8px;
    color: #adb8c7;
}
.ofi{
    padding: 3px;
    color: #d1d5e5;
}
.ofr{
    color: #29b77e;
}
.secc{
    background: #1e202975;
}
.flip-win-notify .info {
    font-size: 13px;
    text-align: center;
    color: #edededba;
    line-height: 19px
}

#fp {
    color: #77c97b;
    font-size: 13px
}

.flip-win-notify .flip-buttons {
    display: flex;
    justify-content: space-between;
    margin: 5px 8px 0
}

.flip-win-notify .dd-button {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 10px;
    font-weight: 400
}

.flip-win-notify #doubleDown {
    background: #1c946269;
    border: 1px solid #46c791a1
}

.flip-win-notify #acceptWinnings {
    margin-right: 0;
    color: #5de7ad;
    background: #1a4c3a;
    border: 1px solid #46c7912b
}

.flip-win-notify .flip-buttons .Button {
    padding: 5px;
    color: #46c690
}

.flip-dd-coins {
    display: flex;
    grid-gap: 30px;
    justify-content: center;
    align-items: center
}

.flip-win-notify .coin {
    background-size: cover;
    width: 50px;
    height: 50px;
    margin: 10px;
    cursor: pointer;
    opacity: .7;
    transition: opacity .3s,box-shadow .3s;
    will-change: opacity,box-shadow;
    border-radius: 50%
}

.coin.left.act {
    -webkit-box-shadow: #5872fa 0 0 16px 1px;
    box-shadow: #5872fa 0 0 16px 1px;
    border-radius: 50%;
    opacity: 1
}

.coin.right.act {
    -webkit-box-shadow: #f35a4e 0 0 8px 1px;
    box-shadow: #f35a4e 0 0 16px 1px;
    border-radius: 50%;
    opacity: 1
}

.flip-hidden {
    flex-direction: column;
    align-items: center;
    display: none;
}
.flip-visible{
    display:flex;
}

.flip-hidden #createDD {
    padding: 7px 28px;
    color: #5de7ad;
    font-size: 13px;
    background: #1a4c3a;
    border: 1px solid #46c7912b
}

#doubleDown:hover {
    background: #215d44
}

#acceptWinnings:hover {
    background: #26463f!important
}

#notifications {
    z-index: 999999;
    position: fixed;
    bottom: .625rem;
    right: .625rem;
    display: flex;
    flex-direction: column
}
.notify {
    font-size: 13px;
    padding: 14px 10px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    float: right;
    clear: both;
    will-change: opacity,border,border-box;
    line-height: 28px;
    background: linear-gradient(.4turn,#1a1d29,#202431);
    max-width: 285px;
    min-width: 200px;
    /* display: flex; */
    align-items: center;
    /* box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%),0 1px rgb(0 0 0); */
}

.hide-notify {
    opacity: 0!important
}

.notify:after {
    content: "";
    width: 2px;
    height: 100%;
    filter: contrast(.5);
    z-index: 1
}

.notify.err:after {
    background: linear-gradient(90deg,#ff1c1c,#f33)
}

.notify.success:after {
    background: linear-gradient(1turn,#3dff1f,#2fdb36)
}

.notify.info:after {
    background: linear-gradient(1turn,#0365b9,#0365b9)
}

.notify.warning:after {
    background: linear-gradient(.27turn,#f1e151,#e1cb0f)
}

.notify.err:before {
    background: linear-gradient(325deg,#ffec4b00,#d93d37e0)
}

.notify.success:before {
    background: linear-gradient(325deg,#ffec4b00,#50a44b4f);
}

.notify.info:before {
    background: linear-gradient(325deg,#ffec4b00,#0365b9)
}

.notify.warning:before {
    background: linear-gradient(325deg,#ffec4b00,#ffe500bf)
}

.notify:before {
    content: "";
    position: absolute;
    opacity: 1;
    width: 52.9375rem;
    height: 15.5rem;
    filter: blur(41px);
    border-radius: 100%;
    top: -5.8125rem;
    left: -51rem;
    z-index: 2
}

.notify .notify-sign {
    margin-right: 10px;
    font-size: 19px
}

.notify.success .notify-sign {
    background: linear-gradient(90deg,#69e755,#00a15b);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.notify.err .notify-sign {
    background: linear-gradient(180deg,#eb4e6a,#f33);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.notify.info .notify-sign {
    background: linear-gradient(90deg,#3dc2d0,#109cad);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.notify.warning .notify-sign {
    background: linear-gradient(90deg,#cbbe4d,#e8d530);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.king-left,.king-right {
    flex: 2;
    max-width: 450px;
    position: relative
}

.king-right .king-skins {
    height: 375px
}

.king-spec {
    position: absolute;
    font-weight: 600
}

.king-right .king-spec {
    right: 0;
    color: #987469
}

.king-left .king-spec {
    left: 0;
    color: #d59624
}

.king-center {
    flex: 1;
    display: flex;
    flex-direction: column;
    z-index: 1;
    align-content: space-between;
    height: 149px;
    justify-content: space-between;
    padding: 10px 0;
    /* background: rgb(31 35 48); */
    border-radius: 3px;
    max-width: 180px;
    margin: 0 auto;
    align-items: center;
    text-align: center
}

.king-timer {
    color: #7e849a;
    text-align: center;
    padding: 9px 0;
    top: 0;
    font-weight: 600
}

.king-timer span {
    color: #e3e3e3
}

.king-player {
    height: 240px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 3px
}

.kh-avatar,.kp-avatar {
    width: 100px;
    height: 100px;
    margin: 30px 0 20px;
    background: rgb(27 32 40);
    border-radius: 3px
}

.kh-avatar {
    margin: 0;
    height: 50px;
    width: 50px;
    border: 1px solid #20222a
}

.kp-health-bar {
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: none
}

.kh-avatar svg {
    position: absolute;
    top: 16px;
    left: -29px;
    font-size: 16px;
    filter: drop-shadow(0px 0px 6px #fff4ba)
}

.kh-avatar svg path {
    fill: #ffe558
}

.king-h-right .kh-avatar svg {
    left: unset;
    right: -31px
}

.user-queue {
    width: 45px;
    height: 45px;
    margin: 3px;
    display: inline-block;
    border-radius: 5px
}

.health-progressbar {
    border-radius: 4px;
    background: rgb(35 38 46);
    height: 17px;
    width: 66%;
    overflow: hidden
}

.king-h-center,.king-skins {
    overflow: auto;
    border-radius: 3px
}

.health-progressbar i {
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #e1e1e1
}

.damage-bar {
    width: 100%;
    background: #0e7ad0
}

.health-progressbar>span {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%
}

.hp-bar {
    width: 100%;
    background: #155486;
    transition: width .3s;
    will-change: width
}

.health-text {
    font-size: 13px;
    line-height: 22px;
    color: #3796e2
}

.kp-name {
    display: flex;
    margin-top: 15px;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    padding: 9px
}

.ki-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 2px;
    font-size: 13px;
}

.king-sk-btn {
    display: flex;
    gap: 5px
}

.ki-skins, .king-h-center, .trade-skins {
    grid-gap: 4px;
    gap: 4px;
    grid-template-rows: repeat(1,1fr);
    display: grid
}

#ssSelected,#storeItems,.betItems {
    grid-gap: 0.6rem;
    grid-gap: 0.6rem
}

[data-kng] {
    color: #848484;
    cursor: pointer
}

.king-sk-btn .actb {
    color: #dfdfdf;
    cursor: default
}

.ki-header .pricec {
    font-size: 14px
}

.king-skins {
    height: 477px;
    padding: 7px;
    background: rgb(27 32 40);
}

.king-h-center, .trade-skins {
    padding: 3px;
    grid-template-columns: repeat(auto-fill,minmax(7rem,1fr));
    background: rgba(0,0,0,25%)
}

.ki-skins {
    grid-template-columns: repeat(auto-fill,minmax(8rem,1fr))
}

#storeItems,.betItems,.king-queue {
    display: grid
}

.queue-box {
    display: inline-flex;
    align-items: center;
    height: 68px;
    border-radius: 3px;
    background: rgb(27 32 40);
}

.ki-skins .item,.queue-show {
    display: inline-block;
    width: 100%
}

.queue-show {
    padding: 0 1px;
    margin-top: 5px
}

.ki-skins .item {
    --size: 105px;
    background-color: #23262e;
    height: calc(var(--size) + 11px)
}

.king-info-mod {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 12px;
    width: 100%;
    text-align: center
}

.king-info-mod .md-text-left {
    justify-content: space-around;
    padding-top: 5px
}

.king-mode-select.active {
    opacity: 1;
    pointer-events: none;
    box-shadow: 0 0 8px 0 #2e313a;
    border: 1px solid #bbbd7f;
    color: #ffffff;
}

.king-mode-select.active path {
    fill: #e7e792
}

.king-mode-select {
    color: #fff;
    padding: 7px 10px;
    margin: 0 10px;
    border-radius: 3px;
    opacity: .5;
    cursor: pointer;
    background-color: #373e48;
    border: 1px solid #000;
    transition: all 0.3s ease;
}

.kh-element {
    margin-bottom: 22px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    background: #1f2330
}

.kh-element.winner-king {
    background-image: linear-gradient(to right,#3ffc5d24 -90%,transparent)
}

.kh-element.winner-oponent {
    background-image: linear-gradient(to left,#3ffc5d24 -90%,transparent)
}

.king-h-header, .flash-h {
    text-align: center;
    padding: 12px;
    color: #e3e3e3;
    display: flex;
    justify-content: center;
    gap: 10px
}
.flash-h{
    font-size:12px;
}
.kh-name,.kh-tickets {
    color: #a5a5a5
}

.king-h-body {
    display: inline-grid;
    grid-template-areas: "king-h-left king-h-center king-h-right";
    grid-template-columns: 185px auto 185px
}

.king-h-left,.king-h-right {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    position: relative
}

.king-h-footer {
    text-align: center;
    padding: 6px 0
}

.king-wintick, .flash-wintick, .fast-wintick {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.fast-wintick{position: absolute;left: 50%;transform: translateX(-50%);top: 2px;opacity: 0;-webkit-transition: opacity .7s;transition: opacity .7s;will-change: opacity;}
.king-wintick i {
    color: #e8de8d
}
.flash-wintick i, .fast-wintick i {
    color: var(--col);
}
.king-wintick .verif, .flash-wintick .verif, .fast-wintick .verif {
    cursor: pointer;
    padding: 0;
}
.trade-skins .item .amount{
    position:absolute;
    right: 6px;
    top: 3px;
    font-size: 12px;
    color: #c9c9c9;
}

.king-h-center {
    height: 109px;
    align-items: center;
}

.king-h-center .view-more {
    padding: 10px;
    background: 0 0;
    color: #bbb
}

.king-h-center .item, .trade-skins .item {
    --size: 92px
}

.kh-bet,.kh-name,.kh-tickets {
    text-align: center;
    padding: 2px 9px;
    font-size: 12px
}

.king-right .weaponContainer {
    transform: rotateY(180deg);
    left: -32px
}

.weaponContainer {
    --pixel-size: 171px;
    width: var(--pixel-size);
    height: var(--pixel-size);
    z-index: 1;
    top: 20px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 48px;
    right: 0;
    text-align: center
}

.shoot_weapon {
    width: calc(113px * var(--pixel-size));
    position: absolute;
    top: 0;
    left: -12px
}

.ak_shoot {
    animation-duration: 1.8s;
    --pixel-size: 130;
    left: 5px
}

.pistol_shoot {
    animation-duration: 1.5s;
    --pixel-size: 115;
    left: 0;
    top: -2px
}

.smg_shoot {
    animation-duration: 1.6s;
    --pixel-size: 138;
    left: 4px
}

.awp_shoot {
    animation-duration: 2s;
    animation-timing-function: steps(100,end);
    --pixel-size: 164;
    left: 12px;
    top: -17px
}

@keyframes shootanim {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-100%,0,0)
    }
}

.redhp .damage-bar {
    background: #d94848
}

.redhp .hp-bar {
    background: #9f4a4a
}

.redhp .health-text {
    color: #d94848
}

.orangehp .damage-bar {
    background: #df6f4d
}

.orangehp .hp-bar {
    background: #7a4737
}

.orangehp .health-text {
    color: #df6f4d
}

.anim {
    --pixel-size: 5;
    width: calc(17px * var(--pixel-size));
    height: calc(17px * var(--pixel-size));
    position: absolute;
    display: grid;
    justify-content: center;
    z-index: 1;
    left: var(--pos);
    top: 11px;
    transform: translateX(calc(-1 * var(--pos)))
}

.awp_shot_bullet,.shot_bullet {
    --y_steps: 4;
    width: var(--framePx);
    height: var(--framePx)
}

.logbtn,.loginBut,.profhead {
    align-items: center;
    transition: .3s;
    cursor: pointer
}

.shot_bullet {
    --framePx: 128px;
    --x_steps: 5;
    --animDuration: 0.1s;
    --vertDuration: 0.4s;
    background-image: url("https://i.imgur.com/WU1kIq8.png");
    -webkit-animation: playX var(--animDuration) steps(var(--x_steps)) infinite,playY var(--vertDuration) steps(var(--y_steps)) infinite,hideAnim var(--vertDuration) forwards;
    animation: playX var(--animDuration) steps(var(--x_steps)) infinite,playY var(--vertDuration) steps(var(--y_steps)) infinite,hideAnim var(--vertDuration) forwards;
    transform: scale(.22)
}

.awp_shot_bullet {
    --framePx: 256px;
    --x_steps: 8;
    --animDuration: 0.3s;
    --vertDuration: 1.2s;
    background-image: url("https://i.imgur.com/NT4YY6E.png");
    -webkit-animation: playXAwp var(--animDuration) steps(var(--x_steps)) infinite,playYAwp var(--vertDuration) steps(var(--y_steps)) infinite,hideAnim var(--vertDuration) forwards;
    animation: playXAwp var(--animDuration) steps(var(--x_steps)) infinite,playYAwp var(--vertDuration) steps(var(--y_steps)) infinite,hideAnim var(--vertDuration) forwards;
    transform: scale(.11)
}

.form-inp,.modal-menu {
    display: flex;
    width: 100%
}

#valueVolume,.empty-table {
    transform: translateX(-50%)
}

@keyframes playX {
    from {
        background-position-x: 0px
    }

    to {
        background-position-x: -640px
    }
}

@keyframes playY {
    from {
        background-position-y: 0px
    }

    to {
        background-position-y: -512px
    }
}

@keyframes playXExplosion {
    from {
        background-position-x: 0px
    }

    to {
        background-position-x: -1920px
    }
}

@keyframes playYExplosion {
    from {
        background-position-y: 0px
    }

    to {
        background-position-y: -1440px
    }
}

@keyframes playXAwp {
    from {
        background-position-x: 0px
    }

    to {
        background-position-x: -2048px
    }
}

@keyframes playYAwp {
    from {
        background-position-y: 0px
    }

    to {
        background-position-y: -1024px
    }
}

@keyframes hideAnim {
    to {
        visibility: hidden
    }
}

@keyframes showWeapon {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes hideWeapon {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.logbtn,.loginBut {
    padding: 0 8px;
    display: flex;
    gap: 10px;
    color: #d4d4d4;
    border-radius: 3px;
    font-weight: 600;
    background: #2b3146;
    box-shadow: inset 0 1px #4044548c,0 1px 2px rgb(0 0 0 / 49%);
    margin: 10px;
    justify-content: center;
    font-size: 13px;
    min-height: 37px;
}

.profile-body>div,.stats-row {
    background-color: rgba(0,0,0,40%);
    border-radius: 3px
}

.loginBut path {
    fill: #bbc3d9
}

.globalInfo .loginBut {
    background-color: #439947;
    padding: 9px 17px;
    color: white;
    text-transform: uppercase;
}
.globalInfo .ds{
    text-decoration:underline;
    padding: 7px 11px;
    color: #9fc0db;
    text-underline-offset: 3px;
}
.modal-menu {
    gap: 5px;
    height: auto;
    flex-direction: column
}

.dynamic-content {
    min-height: 100px;
    border-radius: 3px;
}

.stats-row {
    margin-bottom: 10px;
    padding: 9px
}

.setTrade p {
    font-size: 12px;
    padding: 4px;
    color: #9ea2a5;
    margin: 2px 0
}

.setTrade p>a {
    color: #28cd64
}

.form-inp {
    height: 34px;
    justify-content: center;
    align-items: center
}

.form-inp .tlink_settings {
    height: 32px;
    font-size: 14px;
    width: calc(100% - 100px);
    color: #8791a1;
    display: inline-block;
    background: rgba(0,0,0,25%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%),0 1px rgb(255 255 255 / 8%);
    border-radius: 3px;
    float: left
}

input:focus::placeholder {
    color: transparent
}

.claimBalance,.form-inp .form-inp-btn {
    width: 85px;
    display: inline-block;
    font-weight: 700;
    color: #7eda8a;
    cursor: pointer;
    margin-left: 15px;
    border-radius: 3px;
    background: #2f3547 url(../img/btntheme.png) top right repeat-x !important;
    box-shadow: inset 0 1px #4044548c,0 1px 2px rgb(0 0 0 / 49%);
}

.claimBalance {
    color: #97edab;
    background: #72cfab2e url(../img/btntheme.png) top repeat-x !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.75), inset 0 -3px rgba(0,0,0,.26);
}

.profhead {
    display: inline-flex;
    z-index: 0;
    width: auto;
    text-align: left;
    opacity: 1;
    justify-content: center;
    color: #adb8c7;
    padding: 2px 8px;
    min-height: 40px;
    font-size: 14px;
    background-color: rgb(30 35 45);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 49%),inset 0 1px #4044548c;
}

.modal-menu .profhead.active,.modal-menu .profhead:hover {
    background: #2a303d;
    color: #0fb76f;
    box-shadow: 0 1px 2px rgb(0 0 0 / 49%),inset 0 1px #4044548c;
    border-left: 1px solid #11a96f;
}

[data-tab=settings] .profhead:hover {
    background: #161b23;
    color: #fff
}

.profile-dynamic-change {
    grid-template-columns: 100px 1fr;
    grid-template-rows: 1fr;
    margin: 15px 0;
    font-size: 13.5px;
    display: grid!important;
    gap: 16px;
    width: 100%;
    overflow: auto
}

.profile-body>div {
    display: flex;
    padding: 18px;
    align-items: center;
    color: #909090
}

.level-content>span {
    display: flex;
    max-height: 100%;
    flex: 1
}

.level-content>span>div>div>span {
    font-size: 10px;
    line-height: 14px
}

.level-content>span>div>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 4px
}

.level-content>span>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    color: #86888a
}

.nextLevel,.yourLevel {
    width: 20px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
    color: #000;
    font-size: 10px;
    font-weight: 500;
    box-shadow: 0 0 4px 0 #000;
    background-color: var(--color);
    border-radius: 4px;
    word-break: keep-all;
    margin-right: 5px
}

.progress-bar {
    border-radius: 4px;
    background: rgb(16 18 25);
    position: relative;
    height: 6px;
    width: 100%;
    width: -webkit-fill-available
}

.progress-bar>span {
    height: 100%;
    transition: width .3s ease-out;
    display: block;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    background: currentColor;
    color: #70c994a6
}

.progress-bar>span>div>div:last-child {
    color: #ceaf7e
}

.profile-content>span {
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.profile-content>span a>h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-top: 0;
    cursor: pointer
}

.profile-content img {
    width: 4em;
    height: 4em;
    border-radius: 4px
}

[data-tab=settings] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 72px;
    gap: 16px;
    padding-top: 15px
}

.body-row,.history-header {
    grid-template-columns: 70px 1fr 2fr 1fr 1fr 88px 1fr
}

.opt {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 5px
}

.opt .button-settings {
    width: 100%;
    display: flex;
    padding: 8px 10px;
    cursor: pointer
}

.opt .button-settings>span {
    flex-direction: row;
    line-height: 0;
    gap: 13px;
    align-items: center
}

.opt .button-settings .infoDiv {
    right: 4px;
    top: unset
}

.button-settings {
    color: #fff;
    justify-content: start;
    position: relative;
    background: #191e26;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%),0 1px rgb(255 255 255 / 8%);
    border-radius: 3px
}

.button-settings svg {
    font-size: 17px;
    margin: 0 7px
}

.button-settings path {
    fill: #04b76f;
}

.greyI path,.infoDiv path {
    fill: #63687B
}

.button-settings i.fa-volume-down {
    margin-left: 5px;
    margin-right: 5px
}

.button-settings i.fa-volume-up {
    margin-left: 5px;
    right: 0
}

#volume {
    position: absolute;
    left: 24px;
    margin: 0 auto;
    height: 5px;
    width: 300px;
    background: #555;
    border-radius: 15px
}

#volume .ui-slider-range-min {
    height: 5px;
    width: 300px;
    position: absolute;
    background: #2ecc71;
    border: none;
    border-radius: 10px;
    outline: 0
}

#volume .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #fff;
    position: absolute;
    margin-left: -8px;
    margin-top: -8px;
    cursor: pointer;
    outline: 0
}

.button-settings>span {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    color: #adb8c7;
    font-size: 13px;
    line-height: 25px
}

.button-settings>span>span {
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

.button-settings .infoDiv {
    right: -1px;
    position: absolute;
    z-index: 2;
    top: 5px
}

.button-settings .setting-info {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    white-space: break-spaces;
    font-size: 12px;
    right: 0;
    left: 0;
    padding-left: 10px;
    padding-right: 41px;
    color: #8a8fa1;
    align-items: center;
    background: rgb(19 22 28);
    z-index: 1;
    top: 0
}

.button-settings>div i {
    color: grey!important;
    margin: 0
}

.affiliates .mini-head {
    text-transform: none;
    pointer-events: none
}

.mini-head {
    font-weight: 600;
    font-size: 13px;
    color: #d3d3d3;
    text-transform: capitalize
}

.center-header,.cols .stats-head,.defeat,.history-head,.n-btn,.n-promo,.victory {
    text-transform: uppercase
}

.mini-head a {
    color: #008751;
    text-decoration: underline;
}

.game-stats .cols {
    width: 31%;
    float: left;
    padding: 13px;
    text-align: center;
    border: 1px solid silver;
    margin: 11px 5px;
    border-radius: 5px
}

.sign {
    font-size: 20px
}

.green-text {
    color: #63da67
}

.orange-text {
    color: #e6da6d
}

.red-text {
    color: #ec6868
}

.history-head,.history-header {
    color: #adb8c7;
    text-align: center
}

.cols.red {
    border-color: #ab3a3a
}

.cols.red .stats-value {
    color: #ab3a3a
}

.cols.green .stats-value {
    color: #64ae7f
}

.cols .stats-head {
    font-size: 11px;
    font-weight: 600;
    margin-top: -6px;
    font-family: sans,sans-serif;
    white-space: nowrap
}

.cols .stats-value {
    font-size: 15px;
    font-weight: 500;
    margin: 11px 0;
    letter-spacing: 1px;
    color: #fff
}

.profile-dynamic-content .history-show {
    height: 47vh;
    background: #1c2127;
    border: 1px solid var(--border-box);
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.history-head {
    padding: 9px;
    width: 100%;
    font-size: 11px;
    background: rgb(25 30 38);
}

.history-head span {
    color: rgba(212,212,212,.902);
    font-size: 12px;
    font-family: "Open sans",sans-serif;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
    cursor: pointer
}

[data-kol="0.00"] {
    cursor: default!important;
    opacity: 0
}

#ref-area,.history-content {
    line-height: 17px;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
}

.history-header {
    font-size: 12px;
    background: rgb(19 22 28);
    font-weight: 600;
    display: inline-grid
}

.body-row,.stats-button {
    font-size: 13px;
    text-align: center
}

.transacts .body-row,.transacts .history-header {
    grid-template-columns: 1fr 1fr 1fr;
}
.offerspage .body-row,.offerspage .history-header {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.trade-history{
    cursor:pointer;
}
.gclass{
    color: #4fb74f;
}
.rclass{
    color: #cd7070;
}
.resend-game{
    color: #b5b5b0;
    text-decoration: underline;
    text-underline-offset:2px;
}
.kingperh .body-row,.kingperh .history-header {
    /* grid-template-columns: 115px 1fr 2fr 1fr 1fr 88px 1fr; */
}

.history-header>div {
    display: flex;
    padding: 7px;
    border-bottom: 1px solid #1f2330;
    justify-content: center;
    align-items: center
}

.history-body {
    /* overflow: hidden; */
    position: relative;
    min-height: 33px;
    background: linear-gradient(to left,#1e232d ,#191e26 245%);
    color: #b4b8c5;
    height: 100%;
    overflow: auto;
}

.body-row {
    background: linear-gradient(to left,#191e26,#1e232d 245%);
    display: grid;
    width: 100%;
    align-items: center
}
.king-round-check, .fast-round-check, .flash-round-check{
    cursor:pointer;
    text-decoration: underline;
}
.empty-table {
    text-align: center;
    position: absolute;
    padding: 9px;
    color: #adb8c7e3;
    left: 50%
}

.body-row:nth-child(odd) {
    background: linear-gradient(to left,#1e232d ,#191e26 245%);
    box-shadow: rgba(0,0,0,.56) 0 -1px 0 inset,rgba(255,255,255,.08) 0 1px 0 inset;
}
.history-body .fast-game .showticketnum {
    bottom: 7px;

}
.body-row:hover {
    background: linear-gradient(90deg,rgb(25 30 38),#191e26);
}

.hist-ava {
    border-radius: 100px;
    width: 30px;
    height: 30px;
    float: left
}

.hist-cf-coin {
    width: 28px;
    height: 28px
}

.body-row>div {
    display: table-cell;
    padding: 0 10px;
    /* color: #b4b8c5; */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px
}
.gclass, .rclass{
    text-indent:2px;
}
.gclass .pricec, .rclass .pricec{
    margin: 0 3px;
}
.jp-info-user div,.open,.victory {
    padding: 3px
}

[data-tab="offers"]{
    .body-row>div:nth-child(3) {
       justify-content: center;
    }
}
.body-row .wr-row {
    justify-content: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.transacts .history-header>div:nth-child(3), .transacts .body-row>div:nth-child(3){
    display:flex;
}
#ref-area .body-row>div:first-child {
    padding-left: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: auto
}

.body-row .wr-tb-name {
    padding-left: 10px;
    font-weight: 600;
    overflow: hidden;
}

.body-row .red {
    color: #d94545;
}

.body-row .orange {
    color: #e3c363;
}

.body-row .green, .victory {
    color: #50b26d;
    position:relative;
}
.body-row .victory::before, .body-row .defeat::before, .body-row .ccflip::before {
    visibility:hidden;
    content: 'W';
    position:absolute;
    width: 10px;
    height:10px;
    left:50%;
    transform:translateX(-50%); 
}
.body-row .defeat::before {
    content: 'L';
}
.body-row .ccflip::before{
    content: 'C';
}
.open {
    box-shadow: inset 0 0 3px 1px #e6d962;
    color: #cfc677;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px
}

.defeat {
    padding: 3px 6px;
    color: #d94545;
    position: relative;
}
.ccflip{
    position: relative;
}
.stats-game-buttons .active {
    background: #20282e;
    color: #fff
}

.stats-button {
    width: calc(100% / 7);
    display: inline-block;
    padding: 10px 0;
    background: rgb(28 33 39);
    cursor: pointer;
    border-left: 1px solid #000
}

.stats-button:first-child {
    border: none
}

.stats-button:hover {
    background: #323638
}

.game-stats .stats,.profile-stats {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid var(--bordc);
    background: #04b76f;
    border-radius: 50px
}

input[type=range]::-moz-range-track {
    background-color: #d7d7d7;
    border-radius: 5px
}

#valueVolume {
    position: absolute;
    border-radius: 5px;
    left: 50%;
    top: -23px
}

#profile-wrapper .modal-header {
    display: block;
    text-align: center
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes increaseBal {
    100% {
        color: #b9f1b9;
    }

}


@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slidleft {
    -webkit-animation: .3s slideInLeft;
    animation: .3s slideInLeft;
    -webkit-box-reflect: right 100px
}

.slidright {
    -webkit-animation: .3s slideInRight;
    animation: .3s slideInRight;
    -webkit-box-reflect: left 100px
}

.slid {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -ms-touch-action: pinch-zoom pan-y;
    touch-action: pinch-zoom pan-y;
    font-size: 12px
}

.tippy-touch {
    cursor: pointer!important
}

.tippy-popper {
    max-width: 400px;
    -webkit-perspective: 800px;
    perspective: 800px;
    z-index: 9999
}

.tippy-popper.html-template {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

.tippy-popper[x-placement^=top] [x-arrow] {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px
}

.tippy-popper[x-placement^=top] [x-arrow].arrow-small {
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px
}

.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
    border-top: 9px solid #333;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    bottom: -9px
}

.tippy-popper[x-placement^=top] [x-circle] {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=bottom] [x-circle].enter,.tippy-popper[x-placement^=left] [x-circle].enter,.tippy-popper[x-placement^=right] [x-circle].enter,.tippy-popper[x-placement^=top] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%,-50%);
    transform: scale(1) translate(-50%,-50%)
}

.tippy-popper[x-placement^=top] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(.4) translate(-50%,-50%);
    transform: scale(.4) translate(-50%,-50%)
}

.tippy-popper [x-circle],.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle],.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle],.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle],.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
    background-color: #fff
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-top: 9px solid #fff;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle],.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle],.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle],.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0,0,0,.7)
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
    border-top: 7px solid rgba(0,0,0,.7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-top: 5px solid rgba(0,0,0,.7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-top: 9px solid rgba(0,0,0,.7);
    border-right: 9px solid transparent;
    border-left: 9px solid transparent
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade].enter,.tippy-popper[x-placement^=top] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift].leave,.tippy-popper[x-placement^=top] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale].leave,.tippy-popper[x-placement^=top] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=bottom] [x-arrow] {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px
}

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small {
    border-bottom: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px
}

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
    border-bottom: 9px solid #333;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    top: -9px
}

.tippy-popper[x-placement^=bottom] [x-circle] {
    -webkit-transform-origin: 0 -50%;
    transform-origin: 0 -50%
}

.tippy-popper[x-placement^=bottom] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(.4) translate(-50%);
    transform: scale(.4) translate(-50%)
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-bottom: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-bottom: 9px solid #fff;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
    border-bottom: 7px solid rgba(0,0,0,.7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-bottom: 5px solid rgba(0,0,0,.7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-bottom: 9px solid rgba(0,0,0,.7);
    border-right: 9px solid transparent;
    border-left: 9px solid transparent
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade].enter,.tippy-popper[x-placement^=bottom] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=left] [x-arrow] {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    top: 50%
}

.tippy-popper[x-placement^=left] [x-arrow].arrow-small {
    border-left: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -5px;
    top: 50%
}

.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
    border-left: 9px solid #333;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    right: -9px;
    top: 50%
}

.tippy-popper[x-placement^=left] [x-circle] {
    -webkit-transform-origin: 50% 5%;
    transform-origin: 50% 5%
}

.tippy-popper[x-placement^=left] [x-circle].leave,.tippy-popper[x-placement^=right] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(.4) translate(-50%,-33%);
    transform: scale(.4) translate(-50%,-33%)
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-left: 9px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
    border-left: 7px solid rgba(0,0,0,.7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-left: 5px solid rgba(0,0,0,.7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-left: 9px solid rgba(0,0,0,.7);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade].enter,.tippy-popper[x-placement^=left] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift].leave,.tippy-popper[x-placement^=right] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale].leave,.tippy-popper[x-placement^=right] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-popper[x-placement^=right] [x-arrow] {
    position: absolute;
    width: 0;
    height: 0;
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    top: 50%
}

.tippy-popper[x-placement^=right] [x-arrow].arrow-small {
    border-right: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -5px;
    top: 50%
}

.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
    border-right: 9px solid #333;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    left: -9px;
    top: 50%
}

.tippy-popper[x-placement^=right] [x-circle] {
    -webkit-transform-origin: -50% 5%;
    transform-origin: -50% 5%
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-right: 9px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
    border-right: 7px solid rgba(0,0,0,.7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-right: 5px solid rgba(0,0,0,.7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-right: 9px solid rgba(0,0,0,.7);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade].enter,.tippy-popper[x-placement^=right] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper .tippy-tooltip.light-theme[data-animatefill],.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill],.tippy-popper[data-animatefill] {
    background-color: transparent
}

.tippy-popper [x-arrow] {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-popper .tippy-tooltip.transparent-theme {
    background-color: rgba(0,0,0,.8)
}

.tippy-popper .tippy-tooltip.light-theme {
    color: #203d5d;
    box-shadow: 0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);
    background-color: #fff
}

.tippy-tooltip {
    color: #fff;
    border-radius: 4px;
    font-size: .95rem;
    padding: .4rem .8rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-tooltip--small {
    padding: .25rem .5rem;
    font-size: .8rem
}

.tippy-tooltip--big {
    padding: .6rem 1.2rem;
    font-size: 1.2rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-inertia] {
    -webkit-transition-timing-function: cubic-bezier(.53,1,.36,.85);
    transition-timing-function: cubic-bezier(.53,2,.36,.85)
}

.tippy-tooltip [x-circle] {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 120%;
    width: calc(100% + 2rem);
    -webkit-transition: ease-out;
    transition: ease-out;
    left: 50%;
    z-index: -1;
    opacity: 0;
    overflow: hidden
}

.tippy-tooltip [x-circle]:before {
    content: "";
    padding-top: 100%;
    padding-top: calc(60% + 2rem);
    float: left
}

.fast-wrap {
    width: 100%;
    max-width: 1100px;
    margin: auto
}

.fast-header {
    background-color: #34394d;
    border-bottom: 1px solid #000;
    color: #fff;
    font-size: 16px;
    height: 100px;
    padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fast-header .fast-description {
    color: #fff;
    font-size: 14px;
    line-height: 18px
}

.fast-game-rules {
    color: #9ea7b3;
    margin: 0 15px 0 0;
    display: flex;
    flex-direction: column
}

.fast-game-rules>table {
    font-size: 14px;
    line-height: 21px;
    display: flex
}

.fast-game-rules .rule-item-name {
    width: 150px
}

.fast-game-rules .rule-item-value {
    color: #8ac58c;
    font-size: 16px
}

.fast-header .fast-description>p {
    margin: 0;
    padding: 0
}

.jp-row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 80px;
    grid-column-gap: 10px;
    margin-bottom: 10px
}

.jackpot-wrap {
    width: calc(100% - 275px);
    float: left;
    padding-right: 60px
}

.jp-row:last-child div {
    padding: 4px 0
}

.row-2nd .jp-info {
    padding: 0
}

.row-2nd {
    grid-template-rows: 30px
}

.row-3nd {
    grid-template-rows: 55px
}

.confirmations {
    background: #1f2330;
    padding: 5px 10px;
    border-top: 1px solid #161924;
    overflow: auto;
    white-space: nowrap;
    height: 47px
}

.confirm-block {
    background: linear-gradient(15deg,rgb(42 49 69),#232835);
    border-radius: 3px;
    padding: 8px;
    align-items: center;
    flex-direction: row;
    text-align: center;
    margin-right: 10px;
    display: inline-flex
}

.confirm-price {
    color: #fff;
    font-size: 14px
}

.confirm-block:last-child,.jp-info:last-child {
    margin-right: 0
}

.confirm-buttons {
    display: flex;
    margin-left: 10px;
    align-items: center
}

#cancelBet,#confirmBet {
    color: hsl(202.28deg 100% 64.21%);
    padding: 3px 4px;
    border-radius: 3px;
    opacity: .9;
    font-size: 12px;
    transition: opacity .3s
}

#confirmBet {
    background: hsl(223.45deg 20.28% 28.04%);
    margin-right: 5px
}

#cancelBet {
    width: 13px;
    padding: 0
}

.player-in {
    width: 100%;
    text-align: center;
    padding: 6px 40px;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    white-space: nowrap;
    -webkit-transition: opacity .5s,margin .5s;
    transition: opacity .5s,margin .45s;
    will-change: opacity;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%),0 1px rgb(118 126 146 / 18%);
    background: rgb(25 30 38);
}

.all-players-list {
    width: 100%;
    height: 100%;
    border: 0;
    padding-top: 3px;
}

.all-players-list:after,.all-players-list:before {
    position: absolute;
    content: "";
    width: 35%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right,#1f2330,transparent);
    z-index: 1
}

.all-players-list:before {
    right: 0;
    left: unset;
    background: linear-gradient(to left,#1f2330,transparent)
}

.all-players:before {
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-color: transparent transparent #f3fefe;
    border-style: solid;
    border-width: 0 10px 12px;
    z-index: 9999
}

.hit.all-players:before {
    top: 0
}

.hit.all-players:after {
    bottom: 7px
}

.all-players {
    width: 100%;
    height: 99px;
    opacity: 0;
    -webkit-transition: transform .5s,opacity .3s,margin .5s;
    transition: transform .5s,opacity .3s,margin .5s;
    transform: translate3d(0,-97px,0);
    will-change: transform,opacity;
    margin-bottom: -100px;
}

.slide-down {
    will-change: margin;
    transition: margin .5s;
    margin-top: 0
}

.jp-cube {
    z-index: 1;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 166px
}

.active-game {
    -webkit-transform: translateZ(83px);
    transform: translateZ(83px);
    height: 165px;
    will-change: visbility;
    transition: visibility 1s
}

.ending-game {
    -webkit-transform: rotateX(-90deg) translateZ(-83px);
    transform: rotateX(-90deg) translateZ(-83px);
    height: 164px
}

.ending-game .digit {
    background-image: linear-gradient(to bottom,#282e3c 50%,#252938 50%)
}

.arrow,.deposit-btn,.join-game-btn {
    justify-content: center;
    cursor: pointer
}

#usersCarousel, #gaUsers {
    margin-left: 50%;
    margin-top: 9px;
    white-space: nowrap;
    will-change: transform
}

#usersCarousel img {
    width: 75px;
    height: 75px;
    margin-right: 4px;
}

.arrow.left {
    left: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.arrow.right, .end-game .arro:after, .end-ga .arro:after {
    right: 0
}

.arrow {
    position: absolute;
    width: 27px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: flex
}

.arrow>svg path {
    transition: fill .3s
}

.arrow:hover>svg path {
    fill: #f3f6ff
}

.scroll-flips .arrow {
    width: 18px;
    height: 15px
}

.scroll-flips .arrow:after,.scroll-flips .arrow:before {
    height: 49px
}

.current-user {
    height: 115px;
    margin: 20px 4px;
    display: inline-block;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(215deg,var(--color) -300%,#262b38 50%);
    position: relative;
    transition: transform .3s;
    border-radius: 3px;
}

.current-user:hover,.hs .current-user.zm {
    transform: scale(1.07)
}
.hexa-ava {
    stroke: var(--color);
    stroke-width: 1em;
    fill: transparent;
    transition: .1s ease-in-out;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0
}

.hexa-ava-img {
    width: auto;
    height: calc(var(--width) - 10px);
    position: absolute;
    stroke-width: 1px
}

.user-info .poly-avatar {
    --width: 51px
}

.poly-avatar {
    --width: 57px;
    position: relative;
    width: var(--width);
    height: auto;
    margin: 7px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    --hexagon-size: 70px
}

.cu-bet,.cu-chance,.jp-info {
    align-items: center;
    position: relative
}

.hidewinAvatar span {
    position: absolute;
    z-index: 999;
    font-size: 18px
}

.hidewinAvatar svg {
    fill: #4a5166;
    stroke: black;
    stroke-width: 2px
}

.current-user .cu-chance {
    padding-top: 3px;
}

.cu-bet,.cu-chance {
    display: flex;
    justify-content: center;
    flex: 1 0 14px;
    font-size: 13px;
    padding-bottom: 2px;
}

.player-in-price {
    color: #fdfdfd
}

.chance.zero {
    color: #4acb50
}

.jp-info {
    line-height: 27px;
    padding: 2px 0 11px;
    display: grid;
    justify-items: center;
    font-size: 13px;
    z-index: 1;
    font-weight: 500
}

#jpBank span:first-child {
    color: var(--main-color)
}

#jpBank span:nth-child(2) {
    color: #66acff;
    font-family: Lato,sans serif;
    font-weight: 400
}

.timer-status {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 2px
}

.jp-randomOrg {
    font-size: 10px;
    color: #5ad680!important;
    white-space: normal;
    text-align: center
}

.jp-info-text {
    font-size: 13px;
    color: #878787;
    grid-area: 1/1/2/4
}

.smaller-width {
    display: grid;
    grid-template-areas: "jp-info items-show-options";
    grid-template-columns: auto 63px
}

.jp-info-user div {
    width: 100%;
    line-height: 20px;
    display: grid;
    margin: 0 10px;
    font-size: 11px;
    align-items: center;
    justify-items: center;
    text-align: center
}

.jp-row:first-child .jp-info span:last-child {
    color: #fff;
    font-size: 21px;
    font-weight: 100
}

.jp-info-user div span:first-child {
    font-size: 13px;
    color: #c1c1c1
}

.jp-info-user div span:last-child {
    color: #818181
}

.jp-info-user div:nth-child(2) {
    border-left: 1px solid #404143;
    border-right: 1px solid #404143;
    padding: 0 8px
}

.deposit-btn.disabled {
    opacity: .85
}
.deposit-btn, .join-game-btn, .history-btn {
    font-size: 13px;
    color: #ffffff;
    /* font-weight: 600; */
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,.75), inset 0 -3px rgba(0,0,0,.26);
    display: flex;
    background: #008751c7 url(../img/btntheme.png) top right repeat-x !important;
    align-items: center;
    border-radius: 3px;
    transition: box-shadow .3s,opacity .3s;
    padding: 12px 16px;
    /* z-index: 9999999; */
    width: 125px;
    justify-content: center;
}
.history-btn{
    background: #282d3d url(../img/btntheme.png) top right repeat-x !important;
}
.chnc span,.pr,.profile-stats .cols.profit .stats-head,.profile-stats .cols.profit .stats-value {
    color: var(--color)
}

.jp-dep {
    display: flex;
    font-size: 12px;
    padding: 0 11px
}

.mini-timer {
    margin-left: 5px;
    letter-spacing: 2px
}

.join-game-btn:hover {
    background: #008751cf;
}

.jp-info-user {
    grid-area: 1/1/3/4
}

.items-show-options {
    display: flex;
    padding: 8px 0;
    justify-content: center
}

.grid-btn,.list-btn {
    padding: 0 8px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.show-items-option .active path {
    fill: #e6e7e9;
}

.list-btn {
    border-right: 1px solid #949dbb
}

.jackpot-history {
    width: 275px;
    transition: transform .3s,margin-bottom .3s
}

.view-game-btn {
    position: absolute;
    padding: 5px 8px;
    background: #47bafd;
    border-radius: 5px;
    top: -9px;
    color: #fff;
    will-change: opacity,hidden;
    transition: opacity .35s,visibility .35s;
    opacity: 0
}

.jackpot-history-element {
    height: 90px;
    background: radial-gradient(circle at left,#1c232d 25%,#191e26 60%);
    margin-bottom: 10px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    color: #adb8c7;
    position: relative;
    flex-direction: column;
    overflow: hidden;
    text-align: center
}

.biggest-pot {
    margin-top: 25px
}

.biggest-pot .hexa-ava {
    stroke: #ffa014
}

.biggest-pot .jph-header div:first-child,.biggest-pot .wr-row:last-child {
    color: #ffa014;
}

.biggest-pot .jph-header {
    background: linear-gradient(90deg,#ffa01430 -18%,#191e26 65%);
}

.biggest-pot .wr-row:last-child,.lucky-pot .wr-row:last-child {
    font-weight: 700;
    font-size: 12px
}

.lucky-pot .jph-header {
    background: linear-gradient(90deg, #14ff4730 -18%, #191e26 65%);
}

.lucky-pot .jph-header div:first-child,.lucky-pot .wr-row:last-child {
    color: #00d16a;
}

.lucky-pot .hexa-ava {
    stroke: #00d16a;
}

.jph-content {
    width: 100%;
    text-align: center;
    height: 100%;
    display: grid;
    grid-template-columns: 44px auto;
    align-items: center;
    padding: 0 2px
}

.jph-header {
    justify-content: space-between;
    width: 100%;
    padding: 5px;
    background: #191e26;
    border-bottom: 1px solid #232A35;
}

.jackpot-history-element .poly-avatar {
    width: 52px;
    height: auto;
    margin-left: 4px
}

.jackpot-history-element .hexa-ava-img {
    height: 40px
}

.win-info {
    font-size: 14px;
    line-height: 20px;
    width: calc(100% - 25px);
    margin-left: 25px;
    display: flex;
    align-items: flex-start;
}
.sidebar-avatar,.sidebar-nickname {
    display: inline-block;
    vertical-align: middle
}

.wr-name {
    max-width: 150px;
    margin-right: 5px
}

.wh,.wr-name {
    color: #fff;
    font-size: 14px;
}

.tickk {
    color: #dddfe6;
    font-size: 13px;
}

i.pr,i.wh {
    margin-left: 4px
}

i.wh {
    margin-right: 4px
}

.red {
    --color: #ee5050
}

.orange {
    --color: #e6db3b
}

.green {
    --color: #50b26d
}

.chnc span {
    line-height: 26px;
    font-size: 14px
}

.chnc1 {
    font-family: Roboto,sans-serif
}

.sidebar-avatar {
    width: 73px;
    height: 73px;
    background-size: cover;
    border: 1px solid #000
}

@-webkit-keyframes flip-horz {
    0% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@keyframes flip-horz {
    0% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

.history .flip-horz {
    animation: none;
    -webkit-animation: none
}

.flip-horz {
    -webkit-animation: .4s cubic-bezier(.21,.29,.52,.96) both flip-horz;
    animation: .4s cubic-bezier(.21,.29,.52,.96) both flip-horz
}

.chnc.two {
    padding-right: 5px;
    padding-left: 0
}

.sidebar-nickname {
    max-width: 175px;
    font-size: 15px
}

.sb-ticket {
    color: #bec0c2;
    margin: 5px 0;
    font-size: 12px
}

.sb-verify {
    padding: 3px 0;
    margin: 5px 73px;
    border: 1px solid #294284;
    color: #fff!important;
    background: linear-gradient(296deg,#47bafd,#41aff2);
    font-size: 10px;
    font-weight: 400
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

.move-number-out {
    animation: 1.1s forwards moveNumberOut;
}

.move-number-in {
    animation: 1.1s forwards moveNumberIn;
}

.bet {
    background-color: rgb(25 30 38);
}

.betinfo {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: linear-gradient(162deg,#252b35,transparent);
    box-shadow: inset 0 1px 2px #232a35, 0 1px #1f242d;
}

.betitem,.flip-items .betitem {
    background: radial-gradient(circle at top,rgba(var(--color),18%),#1b222b 60%);
}

.user-info .img {
    margin: 7px 17px;
    display: flex;
    border-radius: 3px;
    box-shadow: 0 0 0 1.5px var(--color)
}

.betinfo img {
    height: auto;
    width: 42px;
    border-radius: 3px
}

.flip-items .betitem img {
    width: 88px;
    height: 60px
}

.betitem {
    --size: 106px;
    width: 100%;
    height: var(--size);
    margin: 0;
    padding: 0;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .15s ease-in,color .15s ease-in
}

.item-image {
    width: calc(var(--size)/ 1.65);
    height: calc(var(--size)/ 1.65);
    padding: 2px
}

.item-info {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 60px
}

.item-names {
    width: 100%;
    color: rgba(var(--color),.7);
    font-size: 12px;
    min-height: 18px;
    white-space: nowrap
}

.item-name {
    width: 100%;
    padding: 0 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    height: 18px
}

.item-fullname {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    width: 100%;
    white-space: normal;
    /* background: linear-gradient(280deg,#191e26 ,#1f2330 50%,#191e26); */
    padding: 2px 4px;
    display: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.item-name .name {
    line-height: 18px
}

.item-fullname .name {
    line-height: 14px;
    display: block;
    text-align: center;
    background: #191e26;
}

.item-price {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5f5f5;
    font-family: sans-serif
}

.depositor-name,.jp-name {
    align-items: center;
    white-space: nowrap;
    overflow: hidden
}

.betitems {
    margin-top: 10px;
    font-size: 0px;
    padding: 10px;
    border-bottom: 1px solid #111
}

.bet-list,.jp-list-item {
    border-bottom: 1px solid
}

.bet-list {
    height: 100px;
    position: relative;
    padding: 0 19px;
    background: linear-gradient(to right,rgb(36 41 54),rgb(38 43 54));
    border-top: 1px solid
}

.bet-list:nth-child(odd) {
    background: linear-gradient(to right,rgb(46 50 60),rgb(36 41 54))
}

.trade-ava {
    float: left;
    margin-top: 18px
}

.depositedd {
    font-weight: 400;
    color: #acacac
}

.trade-price.bold {
    font-weight: 700
}

.bet-list .item-img {
    float: right;
    margin-top: 16px;
    margin-right: -1px;
    position: relative;
    width: 70px;
    height: 70px;
    padding: 4px;
    border-radius: 3px;
    background: linear-gradient(320deg,rgba(var(--color),76%) -268%,#4e4e4e 96%)
}

.jp-name {
    display: inline-flex;
    font-size: 14px
}

.bet-list .avatar {
    width: 55px;
    height: 55px;
    border-bottom: 1px solid rgba(0,0,0,.85);
    border-right: 1px solid rgba(0,0,0,.85);
    float: left;
    margin-top: 17px
}

.myProgress {
    width: 100%;
    background-color: #2a2e41;
    position: absolute;
    left: 0;
    height: 1px;
    bottom: 0px;
    z-index: 3;
  }
  
.myBar {
    width: 35%;
    background-color: #4d5165;
    position: absolute;
    left: 0;
    height: 2px;
    top: 0;
  }

.trade-text {
    top: 17px;
    height: 65px;
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 112px;
    padding-right: 124px;
    font-size: 13px;
    color: #fff
}

.trade-text p:first-child {
    margin: 0;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    line-height: 32px;
    color: rgb(var(--color),.6)
}

.jp-list-item {
    float: right;
    margin-top: 13px;
    margin-right: -1px;
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    padding: 5px;
    background-image: linear-gradient(149deg,rgb(var(--colour)),transparent 0,rgb(var(--colour)) 900%);
    border-radius: 5px;
    border-image: linear-gradient(to left,#17191f,rgb(var(--colour),54%),#17191f) 1;
    background-image: linear-gradient(360deg,rgb(var(--colour)) -900%,transparent)
}

.trade-itname,.trade-user {
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    max-width: 55%;
    color: rgb(var(--color),.8)
}

.trade-user {
    max-width: 17%;
    color: #fdfdfd
}

.trade-price {
    font-weight: 400;
    padding: 2px 10px;
    margin-left: 15px;
    color: #fdfdfd
}

.trade-price i {
    color: #7c7c7c;
    font-weight: 400!important
}

.trade-price i:first-child {
    padding-right: 8px
}

.trade-price i:last-child {
    padding-left: 8px
}

.user-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 65%;
    height: 58px
}

.depositor-name {
    padding: 0 9px;
    width: 67%;
    font-size: 14px;
    color: #ebebeb;
    display: flex;
    border-left: 1px solid rgb(18 23 32);
}

.deposit-info {
    margin-right: 24px;
    color: #fff;
    width: 35%
}

.deposit-price,.tickets-deposit {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.deposit-price {
    color: #9a9a9c;
    margin-bottom: 7px
}

.tickets-deposit {
    color: #63687b;
    font-size: 13px;
}

.price-num,.tickets-num {
    font-size: 13px;
    padding: 1px 4px;
    font-family: sans-serif;
    transition: color .2s;
    border-radius: 3px;
    font-weight: 700
}

.jackpot-cube,.jpc-title {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%
}

.price-num {
    color: #eaeaea
}

.deposit-price i {
    margin: 0 4px
}

.percent-num {
    font-size: 13px;
    color: var(--color)
}

.tickets-num {
    color: #6e7487;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 49%),0 1px #53586a5e;
}

.hw {
    padding: 0 5px
}

.center-header {
    color: #eff1ef;
    font-family: customFamily;
    text-align: center
}

.betItems {
    justify-content: space-evenly;
    margin: 15px 10px;
    grid-template-columns: repeat(auto-fill,minmax(7rem,1fr));
    gap: .6rem
}
.mt-head, .mt-row {
    display: grid;
    grid-template-columns: 155px 57px 85px 60px 60px;
    gap: 10px;
    justify-items: start;
    color: #bebfc0;
}
.mt-row .tabava{
    width:25px;
    height:25px;
}
.mt-head {
    border-bottom: 1px solid #323843;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

.mt-row input{
    padding: 2px 12px;
    background:unset;
    color:#bebfc0;
}
.mt-row svg{
    cursor:pointer;
}
.mt-head>div, .mt-row>div {
    padding: 2px 12px;
    display: flex;
    align-items: center;
}

.mt-rowt:nth-child(even) {
    background: #222730;
}
#codes-list{
    display: none;
}
.mt{
    margin-bottom: 10px;
    border: 1px solid #323843;
}
.more-uinfo{
    display: grid;
    text-align: start;
    padding: 5px;
    color: #b7b7b7;
    font-size: 13px;
    line-height: 18px;
    grid-template-columns: 1fr 1fr 1fr;
    /* grid-template-rows: 1fr 1fr; */
    margin-bottom: 10px;
}
.uinfo-h{padding: 3px 0px 4px 0px;color: #9cbf73;}
.invBy{
    display:flex;
    align-items: center;
}
.uinfo span{
    color: #e9e9e9;
}
.invBy .tabava{
    width: 30px;
    height:30px;
}
.uin-name{
    max-width: 53px;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
}
@keyframes moveNumberOut {
    0%,30% {
        margin-top: -45px
    }

    100% {
        margin-top: 0
    }
}

@keyframes moveNumberIn {
    0%,30% {
        margin-bottom: -45px
    }

    100% {
        margin-bottom: 0
    }
}

.animate-box {
    will-change: transform,margin;
    transition: margin 2s,transform 2s;
    transform: translate3d(0,0,0);
    overflow: hidden;
    background: #1c222b;
}

#jp-progress,.pl {
    will-change: width
}

.jpc-title {
    display: inline-flex;
    justify-content: space-between;
    padding: 10px 3px;
    background: #191e26;
    align-items: center;
    border-bottom: 1px solid #232a35;
}

.jpc-title span {
    padding: 0 10px
}

.hs .jp-gamenumber {
    font: 14px/1.4 Roboto,sans-serif;
    color: #e2e2e2;
    text-decoration: underline;
    text-underline-position: under;
}

.jp-history:hover {
    color: #b0bbdc
}

.jp-history path {
    fill: a7a7a7;
}

.jackpot-game-content, .fast-join {
    text-align: center;
    background: radial-gradient(circle at top,#1a1f27 -57%,#242a34 60%);
    color: #ffffff;
    height: 129px;
    width: 100%;
    display: inline-grid;
    grid-template-columns: 55% auto
}
.fast-wrapper{
    max-width: 1000px;
    margin: auto;
}
.fast-join{
    grid-template-columns: 31% 32% auto;
    background: unset;
    margin-bottom: 15px;
    height: 76px;
}
.aff-stats,.profile-page {
    grid-template-columns: 1fr 1fr
}

.jackpot-footer {
    width: 100%;
    background: #191e26;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 6px 0;
    text-align: center;
    font-size: 13px;
    font-variant: all-small-caps;
    border-top: 1px solid #232A35;
    font-family: system-ui
}

#jp-progress,.digit,.history .verif,.jp-bar,.your-stats {
    border-radius: 3px
}

.jp-timer,.king-timer,.or {
    font-size: 15px
}

.abso-title {
    position: absolute;
    top: -19px;
    width: 100%;
    color: #adb8c7;
    text-align: -webkit-center
}

.jp-bank,.jp-items {
    top: 50%;
    transform: translateY(-50%)
}

.pot-mini-info .abso-title {
    top: -15px;
    width: calc(100% - 5px);
    font-size: 12px
}

.jp-left, .jp-right, .fast-right, .fast-left {
    display: flex;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    justify-content: space-evenly
}

.jp-right, .fast-right {
    padding: 0 5%
}

.jp-right::before {
    content: '';
    position: absolute;
    width: 43px;
    border: 21px solid #121720;
    height: 100%;
    left: -50px;
    background: linear-gradient(to right,#2b303b,#242936);
    clip-path: polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,0% 50%)
}

.your-chance.green,.your-chance.orange,.your-chance.red {
    background: linear-gradient(145deg,#242937 50%,var(--bg-color) 800%)
}

.jp-col1 {
    clip-path: polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,-1% 50%);
    background-image: linear-gradient(to right,#252b35,#232933);
    background: radial-gradient(circle at top,#252b35 25%,#232933 60%);
    padding: 0 25px;
    z-index: 1;
    margin-right: 8px
}
.fast-col{
    clip-path: polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,-1% 50%);
    padding: 0 25px;
    /* z-index: 1; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.fast-col.col1{
    background: radial-gradient(circle at top, #1a1f27 -57%, #242a34 60%);
    width: calc(100% + 15px);
    z-index: 1;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.fast-col.col2{
    background: radial-gradient(circle at top, #191e26 -57%, #1f252e 60%);
    width: calc(100% + 15px);
    /* z-index: 2; */
}
.fast-col.col3{
    background: radial-gradient(circle at top, #1a1f27 -57%, #242a34 60%);
    clip-path: none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.fastg-container{
    overflow: hidden;
    z-index: 1;
    position: relative;
}

#fgames {
    /* margin-top: 15px; */
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#fgames.slidf {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0,-164px,0);
    transform: translate3d(0,-164px,0);
}
.fast-game{
    background: linear-gradient(7deg, #242a34, #14181e);
    padding: 4px;
    margin-bottom: 8px;
    border-radius: 3px;
}
.fast-game .chances-bar.sw{
    opacity:1;
}
.fast-game .chances-bar.sw .showticketnum, .fast-game .chances-bar.sw .showticket{
    opacity:1;
    visibility:visible;
}
.fast-game .showchances{
    transform: none;
}
.fast-game .chances-bar{
    margin-top: 19px;
    opacity: 1;
    will-change:opacity;
    transition: opacity 0.3s;
}
.fast-game .showticket{
    border-width: 5px 4px 0;
    bottom: 3px;
}
.fast-game .showticketnum{
    font-size: 10px;
    bottom: 9px;
}
.fast-game .pl{
    height: 3px;
}
.digit {
    background: #1b212aba;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 49%),0 1px #4044548c;
    margin: 0 2px;
    width: 40px;
    height: 45px;
    letter-spacing: 4px;
    text-indent: 4px;
    line-height: 45px;
    overflow: hidden;
    font-size: 22px;
    font-family: inherit
}

.n-btn,.your-stats {
    letter-spacing: 1px
}

.jp-bar {
    background: #1b212aba;
    width: 100%;
    height: 46px;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 37%),0 1px #4044548c;
    position: relative;
    overflow: hidden;
}

.your-bet,.your-chance {
    background: #1b212aba;
}

#jp-progress {
    text-align: right;
    background-image: linear-gradient(to left,#005d38ad,#00643c78);
    box-sizing: border-box;
    width: 0;
    height: 100%;
    left: 0;
    transition: width .5s;
    top: 1px;
    overflow: hidden;
    position: absolute;
}

.trans-0 .active-game,.trans-0 .all-players,.trans-0 .jp-cube {
    transition: none!important
}

.jackpot-wrap:not(.end-game) #jp-progress:after,.jackpot-wrap:not(.end-game) #jp-progress:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 138px;
    top: -35px;
    animation: 3s linear infinite sooqa;
    background: #e4f0f8;
    transform: rotate(323deg);
    filter: blur(35px)
}

.jackpot-wrap:not(.end-game) #jp-progress:after {
    background: #145379;
    animation-delay: 1s
}

@keyframes sooqa {
    from {
        left: 200%
    }

    to {
        left: -80%
    }
}

.progg {
    width: 100%;
    min-width: 169px;
    max-width: 475px
}

.jp-bank {
    position: relative;
    z-index: 1;
    width: 100%;
    justify-content: center;
    font-size: 17px;
}

.jp-items {
    position: absolute;
    right: 15px;
    display: flex;
    align-items: center;
    font-size: 16px
}

.hexagon::after {
    border-width: 20px!important;
    right: 100%;
    border-right: 11px solid #f8f8f8
}

.hexagon::after,.hexagon::before {
    content: '';
    position: absolute;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent
}

.hexagon::before {
    border-width: 20px!important;
    left: 100%;
    border-left: 11px solid #f8f8f8
}

.arrow-win,.showticket {
    border-style: solid;
    width: 0
}

.your-stats {
    padding: 12px 6px;
    font-size: 13px;
    min-width: 64px;
    max-width: 111px;
    overflow: hidden;
    /* display: inline-block; */
    font-family: sans-serif;
    text-indent: 1px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.your-chance {
    color: var(--bg-color)
}

.your-chance.green {
    --bg-color: #58c193
}

.your-chance.red {
    --bg-color: #ff8178
}

.your-chance.orange {
    --bg-color: #e8dc67
}

.your-chance:after {
    position: absolute;
    width: 1px;
    height: 30px;
    box-shadow: 9px 0 28px 1px;
    bottom: 5px;
    left: 0;
    background: radial-gradient(var(--bg-color) -53%,transparent 81%)
}

.blink {
    -webkit-animation: .5s ease-in-out 2 blink;
    animation: .5s ease-in-out 2 blink
}

@-webkit-keyframes blink {
    0%,100% {
        color: rgba(255,255,255,.1)
    }

    50% {
        color: #ffea35
    }
}

@keyframes blink {
    0%,100% {
        color: rgba(255,255,255,.1)
    }

    50% {
        color: #ffea35
    }
}

.showchances {
    width: 100%!important;
    background: #171b26;
    display: flex;
    overflow: hidden;
    transform: rotateY(180deg);
    z-index: 1;
    position: relative
}

.showticket,.showticketnum {
    transition: left 1s,opacity .5s ease-in;
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
    opacity: 0;
    left: 0
}

.kh-element .chances-bar {
    padding-top: 18px;
    margin: 8px
}

.showticket {
    bottom: 7px;
    height: 0;
    border-color: #b6bfd7 transparent transparent;
    border-width: 9px 6px 0;
}

.showticketnum {
    bottom: 19px;
    font-size: 11.5px
}

.pl {
    height: 5px;
    display: inline-block;
    background: var(--col);
    transition: width .35s cubic-bezier(0, 0, .2, 1);
    width: 0
}

.end-game .all-players {
    opacity: 1;
    transform: translate3d(0,0,0);
    margin-bottom: 0;
    box-shadow: inset 0 0 9px 0 #000;
    position: relative
}

.end-game .jp-cube {
    transform: translateZ(-83px) rotateX(89.99deg);
    -webkit-transform: translateZ(-83px) rotateX(89.99deg)
}

.arrow-win {
    position: absolute;
    bottom: 3px;
    left: 50%;
    margin-left: -5px;
    height: 0;
    border-color: transparent transparent #6eb3ef;
    border-width: 0 5px 8px;
    z-index: 9999;
    transition: opacity 1s ease-in;
    opacity: 0
}

.arrow-win:before {
    position: absolute;
    content: "";
    top: 13px;
    box-shadow: 0 -6px 25px 9px #1791f978
}

.end-game .arro:after, .end-game .arro:before, .end-ga .arro:after, .end-ga .arro:before {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 5px;
    width: 49%;
    background: #0365b970
}

#winTicket {
    display: inline-table;
    min-width: 115px;
    width: 100%
}

.heca {
    clip-path: polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);
    height: 50px;
    line-height: 26px;
    width: 115px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #1d232c;
    box-shadow: inset 0 1px 2px #121720, 0 1px #414345;
}
.winTicket .verif{
    cursor:pointer;
}
.verif {
    background: unset;
    color: #c3c3c3
}

.history .verif {
    white-space: pre-wrap;
    margin: 0 20px;
    background: linear-gradient(90deg, #1f242d, #3db56d12, #1f242d);
    padding: 5px 10px;
    font-size: 11px;
    color: #63cf8fc9;
    opacity: .85;
}
.history .verif:hover {
    color: #57f397b8;
    background: linear-gradient(90deg, #1f242d, #3db56d3b, #1f242d);
    opacity: 1;
}
#winAvatar {
    --hexagon-size: 53px;
    width: var(--hexagon-size);
    height: calc(var(--hexagon-size)*1.1547);
    min-width: unset;
    clip-path: none;
    background-size: cover;
    background-attachment: fixed;
    clip-path: polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%)
}

@keyframes explosion {
    0%,100% {
        box-shadow: 0 0 0 transparent
    }

    30% {
        box-shadow: 0 0 1200px 60px rgb(209 77 77)
    }
}

@keyframes testa {
    0% {
        border: 1px solid var(--bgta)
    }

    100% {
        border: 1px solid var(--bgta2)
    }
}

.explosion {
    webkit-animation: explodeAnim 1.3s forwards;
    -moz-animation: 1.3s forwards explodeAnim;
    animation: 1.3s forwards explodeAnim;
    background: var(--color);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 50%;
    border-radius: 50%
}

@keyframes explodeAnim {
    0% {
        opacity: .35;
        position: absolute
    }

    100% {
        margin: -180px -280px;
        opacity: 0
    }
}

.nmodal-content {
    margin: 160px auto;
    width: calc(100% - 20vh);
    max-width: 95vh;
    position: relative;
    border: 1px solid #000;
    z-index: 999;
    font-weight: 600;
    background: #191e26;
    overflow: hidden;
    border-radius: 3px;
}

.nmodal-body {
    padding: 10px 20px;
    margin: auto;
    height: calc(100% - 35px);
    width: 100%;
    display: inline-grid;
}

.store-body,.store-items {
    height: 100%;
    position: relative
}

.nmod-btn.active:after {
    position: absolute;
    content: '';
    background: #92a3d8;
    width: 100%;
    height: 1px;
    bottom: -3px;
    left: 0
}

.store-items {
    width: 100%!important;
    margin-right: 1.5rem!important
}

.store-section,.store-selected-items {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: auto
}

.store-selected-items {
    min-width: 200px;
    max-width: 300px;
    flex-direction: column;
    background-color: rgb(25 30 38);
    border: 1px solid #232a35;
}

#storeItems {
    gap: .2rem;
    overflow: auto;
    max-height: calc(100% - 58px);
    position: relative;
    background-repeat: no-repeat
}

.store-bar {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-top: 6px;
}

.storeOrder {
    transition: color .3s;
    color: #adb8c7;
    font-size: 13px;
}

.storeOrder:hover {
    color: #bdc8d1
}

.storeOrder:hover path {
    fill: #bdc8d1;
    transition: fill .3s
}

.store-bar .form-input:focus {
    background: #1c222b;
    outline: 0;
    border-top: none;
}

.input-wrap,.store-bar .SearchBox,.tire {
    margin-right: .5rem!important
}

.store-bar .SearchBox>input {
    height: 100%;
    border-left: 0
}

.store-bar .SearchBox>svg {
    height: 36px;
    border-right: 0
}

.store-s-title {
    width: 100%;
    display: flex;
    padding: 0 16px;
    align-items: center;
    background: linear-gradient(90deg, #1c232d, transparent);
    height: 36px;
    font-size: 13px;
    /* border: 1px solid #232a35; */
    border-bottom: 0;
    justify-content: space-between;
}

.store-clear {
    padding: 10px;
    display: flex;
    align-items: center;
    background: radial-gradient(#343a4d, transparent);
    border-radius: 3px;
}

.store-s-bottom {
    bottom: 0;
    width: 100%;
    border-top: 1px solid #232a35;
    /* background: #191e26; */
    /* z-index: 2; */
    height: 41px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offer-stat a{
    text-decoration: underline;
}
.inv-stat-wrap {
    padding-left: 11px;
    padding-right: 11px;
    min-width: 148px
}

.inv-stat-value {
    font-size: 14px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    color: #fff;
    font-style: normal
}

.inv-stat-value i {
    color: #37c658;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 17px
}

.ss-button {
    border-radius: 3px;
    transition: .3s;
    padding: 7px 50px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    background: #008751 url(../img/btntheme.png) top right repeat-x !important;
    color: #fff;
    opacity: .9;
    box-shadow: 0 2px 8px rgba(0,0,0,.75), inset 0 -5px rgba(0,0,0,.26);
}

#ssSelected {
    display: grid;
    margin: 10px;
    overflow: auto;
    max-height: calc(100% - 10vh);
    grid-template-columns: repeat(auto-fill,minmax(7rem,auto));
    gap: .6rem
}

.dollar-sym {
    color: #40a379;
    position: absolute;
    top: 10px;
    left: 6px;
    font-size: 11px
}

.form-input {
    font-family: sans-serif;
    background: rgb(27 32 40);
    border: 1px solid #232a35;
    color: #adb8c7;
    height: 34px;
    font-size: 13px;
    width: 65px;
    border-radius: 3px;
    padding-left: 12px;
    text-align: center;
    padding: 5px;
}

.tire {
    font-size: 10px;
}

.profile-page {
    display: grid;
    gap: 16px
}

.n-promo {
    color: #d94545;
    font-size: 12px
}

.n-promo.g {
    color: #55dc55
}

.profile-box {
    background: radial-gradient(circle at top,#1c232d 0%,#1b212a 102%);
    padding: 14px;
    border-radius: 5px
}

.afi {
    display: flex;
    gap: 30px;
    justify-content: space-between
}

.afi>div {
    width: 50%
}

.aff-stats {
    display: grid;
    gap: 24px
}

.aff-stats .aff-st {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    color: #adb8c7;
}

.afp {
    color: #88c488;
    font-weight: bold;
}

.afh {
    color: #e05d54;
    font-weight: 600
}

.hid {
    filter: blur(6px)
}

.hid-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #c3c7d3
}

.profile-stats .cols {
    width: 31%;
    float: left;
    padding: 13px;
    text-align: center;
    margin: 0 5px;
    box-shadow: 0px 0px 0 0.2px #adb8c7;
    border-radius: 3px;
    background: #191e268a;
}

.cols.green {
    border-color: #64ae7f
}

.profile-stats .cols.redProfit {
    --color: #d94545;
}

.profile-stats .cols.greenProfit {
    --color: #63da8a;
}

.profile-stats .cols.profit {
    box-shadow: inset 0 0 0 .2px var(--color);
    color: var(--color);
    position: relative;
    overflow: hidden
}

.profile-stats .cols.profit:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: -98px;
    left: 0;
    border-radius: 50%;
    box-shadow: 0 -13px 50px 10px var(--color)
}

.profile-box .user-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-box .user__left img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #2e90f4
}

.profile-box .user__right {
    margin-left: 18px
}

.profile-box .user__right .user--name {
    color: #6edbaf;
    font-size: 17px
}

.profile-box .user__right .user--info {
    font-size: 13px;
    margin-top: 1px;
    line-height: 23px;
    color: #adb8c7;
}

.profile-box .user__right .user--info .user--inf i {
    color: #f7f7f8;
    padding: 3px;
    border-radius: 3px
}

.profile-box .user__btn div {
    color: #8c91a6
}

.n-btn.sm {
    font-size: 12px;
    padding: 4px 15px
}

.n-btn.n-btn-gray {
    background: #171a24
}

.n-btn,.n-btn:hover {
    -webkit-transition: .3s;
    transition: .3s
}

.n-btn {
    border-radius: 4px;
    color: #fff;
    outline: 0;
    border: none;
    padding: 9px 25px;
    opacity: 1
}

.profile-box .level-progress {
    margin-top: 12px
}

.profile-box .level-progress__bar {
    background: #171a24;
    position: relative;
    width: 100%;
    height: 6px;
    border-radius: 15px
}

.profile-box .level-progress__bar .progress_ {
    position: absolute;
    border-radius: 15px;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(90deg,#008751  0,#11d173);
}

.profile-box .level-progress .values {
    margin-top: 10px;
    font-size: 12px
}

#level-info {
    margin-right: 2px;
    color: #bacbd9
}

#level-info path {
    fill: #c3c9e0
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    -webkit-box-pack: justify!important;
    justify-content: space-between!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: -webkit-box!important;
    display: flex!important
}

::placeholder {
    color: #767c92;
    opacity: 1
}

.show-more {
    margin: 0;
    padding: 0 20px;
    line-height: 38px;
    font-size: 15px;
    background: #2c3140;
    display: inline-block
}

.no-games {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

#ref-area .tabava {
    margin: 5px 15px 5px 20px;
    width: 40px
}

.tabava {
    width: 50px;
    margin: 5px 0 5px 15px
}
#pre-secdis {
    display: none;
    padding: 20px
}

@media (max-width: 500px) {
    .tippy-popper {
        max-width:96%;
        max-width: calc(100% - 20px)
    }
}

@media screen and (max-width: 1200px) {
    main {
        height: calc(100% - 104px);
    }
    .mobile-buttons {
        display: flex;
        justify-content: space-around
    }

    .chat-box {
        height: calc(100% - 106px);
        position: absolute;
        left: 0;
        top: 51px;
    }

    .opened {
        --chat-width: 300px;
        width: var(--chat-width)
    }

    .opened .chat-show {
        left: 0
    }

    .profile-dynamic-change,.profile-page {
        grid-template-columns: 1fr
    }

    .modal-menu {
        display: inline-block
    }

    .modal-menu .profhead {
        padding: 7px 13px;
        margin: 4px
    }

    .modal-menu .profhead.active,.modal-menu .profhead:hover {
        background: #1f2330;
        color: #ffffff;
        border-left: 0;
    }

    .body-row>div:nth-child(2),.body-row>div:nth-child(3),.history-header>div:nth-child(2),.kingperh .history-header>div:nth-child(3) {
        /* display: none; */
    }

    .body-row>div:nth-child(2),.kingperh .history-header>div:nth-child(2),.last50 .body-row>div:nth-child(3),.last50 .history-header>div:nth-child(3) {
        display: flex;
    }

    .kingperh .body-row,.kingperh .history-header {
        /* grid-template-columns: 70px 70px 1fr 2fr 1fr 1fr 1fr; */
    }

    #ref-area .body-row,#ref-area .history-header {
        grid-template-columns: 1fr 1fr 1fr
    }

    .dynamic-content[data-tab=transactions] .body-row>div:nth-child(2),.dynamic-content[data-tab=transactions] .history-header>div:nth-child(2) {
        display: flex;
    }

    .body-row,.history-header {
        grid-template-columns: 46px 87px 1fr 1fr 88px 97px 72px;
    }

    .body-row,.defeat,.victory {
        font-size: 12px
    }
}

@media screen and (max-width: 400px) {
    .mobile-buttons .svg-ico {
        display:none
    }

    .mobile-buttons .left-btn {
        /* grid-template-columns: auto; */
        text-align: center;
    }
}

@media (min-width: 1200px) {
    :root {
        --site-header-row-a-height:40px;
        --site-header-row-b-height: 60px;
        --site-header-height: 100px
    }

    .display-none,.filter {
        display: none
    }

    .display-block {
        display: block
    }
    .bg-dark-blue-3:nth-child(2) .top-balance {
        display: none;
    }
    .chat-box {
        margin-left: 0!important
    }
}

@media (max-width: 1400px) {
    .afi {
        flex-direction:column
    }

    .afi>div {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .logo {
        width:10rem;
        height: 50px;
        /* position: relative; */
    }
    .coinflip-stats {
        display: grid;
        /* flex-direction: column; */
        row-gap: 6px;
    }

    .global-stats,.user-stats {
        width: 100%
    }

    .history .history-item .history-info-first {
        display: grid;
        grid-template-columns: 100px 1fr 250px;
        padding-bottom: 17px
    }

    .hs .jp-gamenumber {
        padding-bottom: 12px
    }
}
@media (max-width: 750px) {
    .flWin .flip-winner {
        left: 55px
    }
    .gamefcon {
        grid-template-areas: unset;
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "first third"
            "second second";
        gap: 4px;
    }
    .gamefcon ul.pper {
        grid-area: first;
        padding: 0;
        height: 80px;
        padding-left: 4px;
    }
    .fastitand {
        grid-area: second;
    }
    .fastgs {
        grid-area: third;
        margin-top: -41px;
        position: absolute;
        right: 0;
    }
    .game-top{
        font-size: 12px;
    }
    .fastginp.active{
        top: 14px;
    }
    .gamewr{
        border-radius: 0;
    }
    .fast-join .fast-col.col2{
        display:none;
    }
    .fast-join .fast-col.col1{
        background: radial-gradient(circle at top, #191e26 -57%, #1f252e 60%);
    }
    .fast-join {
        grid-template-columns: 50% 50%;
    }
}
@media (max-width: 700px) {
    .dd {
        bottom:60px
    }

.limit {
    bottom: -107px;
}

    .coinflip {
        padding: 10px 0;
        grid-template-areas: unset;
        grid-template-columns: 176px auto 91px;
        grid-template-areas: "left middle right" "items items title "
    }

    .levels-list {
        grid-template-columns: repeat(2,auto)
    }

    .flip-users {
        flex-direction: column;
        margin-bottom: 8px;
        margin-top: 42px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "left winner right";
        justify-items: center;
        gap: 13px
    }

    #flip-wrapper .flip-player,.flip-coin {
        height: 140px;
        width: 125px
    }

    #flip-wrapper .flipAva .avatar {
        width: 63px;
        height: 63px
    }

    .fl-pop-head .flip-price,.fl-vs,.flip-player.left,.king-h-left {
        grid-area: left
    }

    #flip-wrapper .flipSide.left img,#flip-wrapper .flipSide.right img {
        left: -20px;
        top: 36px;
        width: 35px;
        height: 35px
    }

    .fl-pop-cent {
        grid-area: winner;
        margin: 0 0 55px;
        width: 100%
    }

    .coin-flip .coin {
        --size: 84px
    }

    #flip-wrapper .countdown {
        width: 90px;
        height: 90px
    }

    .fl-pop-head .flip-chance,.fl-winner,.flip-player.right,.king-h-right {
        grid-area: right
    }

    .modal-content {
        width: calc(100% - 2vh);
        margin: 27px auto
    }

    #levels .modal-content {
        margin: 23px auto
    }

    #flip-wrapper .fl-pop-head {
        display: grid;
        padding: 2px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "left right" "mid mid";
        justify-items: center
    }

    .fl-pop-list,.flip-items {
        max-height: 355px!important
    }

    #flip-wrapper .fl-pop-head>div {
        font-size: 12px
    }

    .fl-pop-head .flip-itemsn {
        grid-area: mid
    }

    .flip-winner.nosh {
        margin: 15px
    }

    .tick-fl {
        bottom: -28px;
        font-size: 10px;
        display: flex;
        flex-direction: column
    }

    .fl-abso .add-deposit,.fl-vs {
        font-size: 9px
    }

    .fl-abso {
        bottom: -52px
    }

    .coinflip-layout {
        grid-template-columns: 1fr
    }

    .cfValueSort.disabled,.coinflip-layout .start,.history-content .hist-ava {
        display: none
    }

    .coinflip .flipItem {
        width: 59px;
        height: 59px
    }

    .king-h-body {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "left right" "items items"
    }

    .king-h-center {
        grid-area: items;
        margin: 15px
    }

    .fl-bank {
        grid-area: middle
    }

    .fl-items {
        grid-area: items
    }

    .fl-jw {
        grid-area: title;
        justify-content: center
    }

    .closeFlip {
        right: 10px;
        top: 10px
    }

    .watch {
        margin-right: 0
    }

    .body-row,.defeat,.victory {
        font-size: 10px
    }
    .body-row .victory, .body-row .defeat, .body-row .ccflip{
        visibility:hidden;
    }
    .body-row .victory::before, .body-row .defeat::before, .body-row .ccflip::before {
        visibility:visible;
    }
    .body-row,.history-header {
        grid-template-columns: 50px 55px 1fr 60px 60px 60px 45px;
    }
}

@media screen and (max-width: 1800px) {
    .jackpot-wrap {
        padding-right:5vh
    }
}

@media (max-width: 600px){
 .storeOrder span{
    display: none;
}

.tire {
    font-size: 8px;
}

.SearchBox {
    max-width: 130px;
}

.form-input {
    width: 60px;
    font-size: 11px;
}
}
@media (max-width: 1100px) {
    .store-section {
        padding-left: 5px;
        padding-right: 5px;
        /* height: calc(100% - -4px); */
        flex-direction: column;
    }

    .store-section .item {
        --size: 86px
    }

    .store-selected-items {
        width: 100%!important;
        max-width: unset;
        margin-top: 1px;
    }

    .store-items {
        height: calc(100% - -35vh);
        margin-right: 0!important
    }

    .store-bar {
        font-size: 11px;
    }


    #ssSelected {
        height: calc(100% - 81px);
        margin: 5px;
        max-height: unset;
    }

    .store-s-title {
        height: 29px;
    }

    .store-clear {
        padding: 5px
    }
}

@media screen and (min-width: 1600px) {
    .jackpot-wrap {
        height:100%
    }
}

@media screen and (max-width: 1600px) {
    .jackpot-history,aside {
        width:100%;
        position: relative
    }

    main {
        padding: 46px 50px 10px;
        overflow-y: auto;
        overflow-x: hidden
    }

    .jackpot-wrap {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px
    }

    aside {
        overflow: hidden;
        right: unset
    }

    aside .arrow {
        display: flex
    }

    .jackpot-history-element {
        display: inline-flex;
        margin-bottom: 0
    }

    .biggest-pot {
        margin-top: 0
    }

    .jackpot-history {
        overflow: auto;
        vertical-align: middle;
        padding-bottom: 3px;
        display: grid;
        align-content: space-around;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px
    }

    .jackpot-previous:nth-child(5) {
        display: none
    }
}

@media screen and (max-width: 800px) {
    .modal-body-row {
        flex-direction:column;
        gap: 7px
    }

    .nmodal-row-2 {
        margin: 3px 0
    }

    .label {
        left: -37px;
        top: 12px
    }

    .nmodal-row-3 {
        width: 100%
    }

    .modal-info-game {
        position: relative;
        bottom: -4px;
        text-align: center
    }

    .modal-items {
        height: 100%;
        /* height: 90vh; */
        min-height: 300px;
    }

.nmodal-body {
    max-height: 85vh;
    height: 85vh;
}

    .item {
        --size: 95px
    }

    .affiliates {
        flex-direction: column-reverse
    }

    .affiliates .col {
        width: 100%!important
    }

    .hidea,.jp-right:before {
        display: none
    }

    .hdp .mini-head {
        pointer-events: all;
        cursor: pointer
    }

    .nmodal-content {
        margin: 30px auto;
        width: calc(100% - 5vh);
        max-width: 95vh
    }

    .jackpot-game-content {
        display: flex;
        flex-direction: column;
        height: 189px;
        background: linear-gradient(to right,rgb(42 47 60),#2c3241)
    }

    .bet .poly-avatar {
        --width: 45px
    }

    .jp-cube {
        height: 225px
    }

    .ending-game {
        height: 226px
    }

    .deposit-info {
        margin-right: 10px;
        width: 55%
    }

    .user-info {
        width: 45%
    }

    .price-num,.tickets-deposit,.tickets-num {
        font-size: 11px
    }

    .user-info .img {
        margin: 7px 4px
    }

    .depositor-name, .percent-num, .flip-summary 
 .pricec, .sidebar-header {
        font-size: 13px;
    }

    .level {
        font-size: 10px;
        padding: 3px 5px
    }

    .jp-col1 {
        clip-path: unset;
        margin: 0;
        padding: 24px calc(10% - 12px) 4px 11px
    }

    .jp-right {
        margin: 0;
        padding: 15px 10px;
        display: grid;
        grid-gap: 0.6rem;
        gap: 1rem;
        justify-items: center;
        grid-auto-flow: column;
        grid-template-columns: repeat(3,1fr)
    }

    .ending-game .jp-right {
        grid-template-columns: repeat(2,1fr)
    }

    .hs .ending-game .jp-right {
        grid-template-columns: 1fr 1fr 1fr;
        padding-bottom: 19px
    }

    .showticketnum {
        bottom: 17px;
        font-size: 11px
    }

    .jackpot-history {
        grid-template-columns: 1fr 1fr
    }

    aside .sidebar-box {
        width: 33%;
        height: 100%
    }

    aside .sidebar-box .win-info {
        margin-bottom: 10px
    }

    .sb-verify {
        margin: 4px 18px
    }

    .chnc {
        display: flex;
        flex-direction: row-reverse;
        align-content: space-between;
        align-items: center;
        width: 100%;
        justify-content: center;
        margin: 0
    }

    .chnc1,.chnc2 {
        margin-left: 10px
    }

    .jp-row {
        grid-template-columns: repeat(2,1fr);
        grid-row-gap: 10px
    }

    .row-3nd {
        grid-template-columns: repeat(1,1fr)
    }

    .jp-info-user div span:last-child {
        font-size: 9px
    }

    .history .history-item .history-info-first {
        grid-template-columns: 1fr;
        padding-bottom: 33px
    }

    .history-item .info {
        justify-content: space-around
    }
}
@media screen and (max-width: 700px){
    main {
        padding: 10px 3px;
    }
  #mainwrap {
    padding-top: 5px;;
}
.flip-summary {
    display: grid;
    grid-template-columns: 1fr;
    font-size: 13px;
}

.flips-history-row {
    width: 100%;
}

.uinf {
    width: 100%;
    justify-content: space-between;
}

.history-btn {
    position: absolute;
    right: 0;
    top: 0;
}

.history-btn, .flip-summary .join-game-btn {
    width: 100px;
    font-size: 10px;
}

    .king-skins {
        height: 340px
    }

    .kh-avatar,.kp-avatar {
        width: 70px;
        height: 70px
    }

    .king-sk-btn {
        gap: 2px
    }

    .ki-header {
        flex-direction: column;
        gap: 6px;
        font-size: 12px;
    }

    .ki-header .pricec,.king-join {
        font-size: 11px
    }

    .king-center,.king-timer {
        font-size: 10px
    }

    .king-center {
        margin-top: 13px;
        height: 107px;
    }

    .king-center .join-game-btn {
        font-size: 10px;
        padding: 8px 11px;
        width: 70px;
    }

    .king-timer .move-number-out {
        animation: 1.1s forwards moveNumberOutN
    }

    .king-timer .move-number-in {
        animation: 1.1s forwards moveNumberInN
    }

    @keyframes moveNumberOutN {
        0%,30% {
            margin-top: -28px
        }

        100% {
            margin-top: 0
        }
    }

    @keyframes moveNumberInN {
        0%,30% {
            margin-bottom: -28px
        }

        100% {
            margin-bottom: 0
        }
    }

    .king-timer .digit {
        width: 27px;
        height: 25px;
        text-align: center;
        border-radius: 3px;
        letter-spacing: 3px;
        text-indent: 2px;
        line-height: 28px;
        overflow: hidden;
        font-size: 13px;
    }

    .king-right .king-skins {
        height: 242px
    }

    .mobile-buttons .left-btn {
        font-size: 13px;
    }

    .mobile-buttons .mini-price {
        font-size: 12px
    }
}
@media screen and (max-width: 500px) {
    .profile-stats{
        flex-direction: column;
    }
    .profile-stats .cols{
        width:100%;
    }
}
@media screen and (max-width: 400px) {
    .king-skins {
        /* height: 474px; */
    }
    .kh-avatar,.kp-avatar {
        width: 55px;
        height: 55px;
    }

    .king-sk-btn {
        gap: 2px
    }

    .ki-header {
        flex-direction: column;
        gap: 6px
    }

    .ki-header .pricec,.king-join {
        font-size: 11px
    }

    .king-center,.king-timer {
        font-size: 10px
    }

    .king-sk-btn {
        gap: 2px
    }

    .ki-header {
        flex-direction: column;
        gap: 5px;
        font-size: 10px;
    }

    .ki-header .pricec,.king-join {
        font-size: 11px
    }

    .king-center,.king-timer {
        font-size: 10px
    }

main {
        padding: 10px 6px;
        overflow-y: auto;
        overflow-x: hidden;
    }
.scroll-flips{
    /* width: 30em; */
    overflow-x: auto;
    white-space: nowrap;
}
    .king-center {
        margin-top: 13px;
        height: 107px;
    }

    .king-center .join-game-btn {
        font-size: 10px;
        padding: 8px 11px;
        width: 70px;
    }

    .king-timer .move-number-out {
        animation: 1.1s forwards moveNumberOutN
    }

    .king-timer .move-number-in {
        animation: 1.1s forwards moveNumberInN
    }
    @keyframes moveNumberOutN {
        0%,30% {
            margin-top: -25px
        }

        100% {
            margin-top: 0
        }
    }
     .king-timer .digit {
        width: 22px;
        height: 23px;
        text-align: center;
        border-radius: 3px;
        letter-spacing: 3px;
        text-indent: 2px;
        line-height: 25px;
        overflow: hidden;
        font-size: 11px;
    }

.kp-name {
    font-size: 11px;
    padding: 1px;
    margin: 6px;
}

.king-player {
    height: 175px;
    margin: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 3px;
}
    .king-center {
        margin-top: 13px;
        height: 127px;
    }
    .king-center .join-game-btn {
        font-size: 10px;
        padding: 6px 10px;
        width: 60px;
    }
}

@media screen and (max-height: 450px) {
    .chat_drop_down {
        max-height:177px;
        overflow: auto
    }
}

@media screen and (max-width: 480px) {
    .jackpot-history {
        grid-template-columns:1fr
    }

    .create-code .input-code {
        grid-template-columns: 1fr 1fr;
        gap: 26px 7px;
    }
    .jackpot-previous:nth-child(5) {
        display: flex
    }
}

.toast-progress {
    background-color: #62cb31;
}
.toast-progress {
    opacity: 0.6;
}
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #a8aab0;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity = 40);
}