@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=cyrillic";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,600;0,700;0,800;1,800&display=swap');


:root {
    --color-main-bg: #17181F;
    --color-primary-dark: #22252f;
    --color-primary-light: #2F323D;
    --color-secondary-bg: #1b1c24;
    --color-outcome-window: rgba(24, 25, 30, 0.92);
    --color-primary-hover: #2e303a;
    --color-lighter-hover: #3d404c;
    --color-dark-button-hover: #2a2c37;
    --color-semi-dark: #21232c;
    --color-dark-panel: #252731;
    --color-checkbox: #30323f;
    --color-separator: #353535;
    --color-semi-gray: #7c7c8a;
    --color-dark-border: #232325;

    --color-slot-line-cell: #35394d;
    --color-slot-bg: #1c1d25;

    --color-plinko-picker-hover: #2c2c2c;

    --color-tower-cell: hsl(222, 18%, 19%);
    --color-tower-cell-dark: hsl(222, 18%, 15%);
    --color-tower-cell-light: hsl(222, 18%, 22%);
    --color-tower-cell-hover: hsl(222, 18%, 25%);

    --color-dice-slider: #24262f;
    --color-dice-slider-line: #323541;

    --color-double-black: #36373c;
    --color-double-body: #2a2b39;

    --color-quiz: rgba(34, 35, 46, 0.94);





    --ff-main: 'Roboto';

    --border-dark-grey: 2px solid #22252f;
    --border-white-opacity: 2px solid rgba(255, 255, 255, 0.1);
    --border-radius-common: 12px;
    --border-radius-small: 10px;

    --color-white: #FFFFFF;
    --color-black: #0F0F0F;
    --color-gray: #7E7E7E;
    --color-medium-gray: #4e4e5a;
    --color-yellow: #FFBB29;
    --color-accent: #FFBB29;
    --color-green: #31a840;
    --color-violet: #8729FF;
    --color-dark-gray: #413C3C;
    --color-white-yellow: #F9F1DF;
    --color-black-yellow: #3E3219;
    --color-main-border: #353538;
    --color-red: #f50500;
    --color-light-red: #e43939;
    --color-blue: #0080dd;
    --color-silver: #dad5d5;

    --gradient-yellow: linear-gradient(45.87deg, #FFDB6F 6.6%, #FFBB29 102.94%);
    --gradient-red: linear-gradient(45.87deg, #FE927B 1.64%, #FF3939 101.25%);
    --gradient-blue: linear-gradient(25.87deg, #2B73FF 17.59%, #39D0FF 111.93%);
    --gradient-green: linear-gradient(45.87deg, #89C763 6.6%, #0E9347 102.94%);
    --gradient-violet: linear-gradient(45.87deg, #6F7DFF 6.6%, #8729FF 102.94%);
    --gradient-black: #1f2029;
    --gradient-main-dark: linear-gradient(269.8deg, #252731 1.64%, rgba(37, 39, 49, 0.1) 101.25%);
    --gradient-progress-bar: linear-gradient(269.8deg, #272a35 1.64%, rgba(37, 39, 49, 0.25) 101.25%);
    --gradient-dark-gray: linear-gradient(269.8deg, #302D2D 1.64%, rgba(53, 50, 50, 0.33) 101.25%);

    --border-yellow: linear-gradient(231.26deg, #FFE3A6 9.72%, rgba(255, 203, 91, 0) 67.39%);
    --border-blue: linear-gradient(231.26deg, #96D7FF 9.72%, rgba(255, 255, 255, 0) 67.39%);
    --border-green: linear-gradient(231.26deg, #89C763 9.72%, rgba(137, 199, 99, 0) 67.39%);
    --border-violet: linear-gradient(231.26deg, #B3A8FF 9.72%, rgba(128, 112, 232, 0) 67.39%);
    --border-black: linear-gradient(231.26deg, #5A5656 9.72%, rgba(90, 86, 86, 0) 67.39%);

    --rank-gradient-blue: linear-gradient(45.87deg, #00d4ff 6.6%, #005bcb 102.94%);
    --rank-gradient-yellow: linear-gradient(45.87deg, #FFDB6F 6.6%, #FFBB29 102.94%);
    --rank-gradient-green: linear-gradient(45.87deg, #89C763 6.6%, #0E9347 102.94%);
    --rank-gradient-red: linear-gradient(45.87deg, #f50500 6.6%, #a40300 102.94%);
    --rank-gradient-silver: linear-gradient(45.87deg, #ececec 6.6%, #b5b2b2 102.94%);
    --rank-gradient-violet: linear-gradient(45.87deg, #7d6fff 6.6%, #691fc8 102.94%);

    --rank-gradient-border-blue: linear-gradient(231.26deg, #96D7FF 9.72%, rgba(255, 255, 255, 0) 67.39%);
    --rank-gradient-border-yellow: linear-gradient(231.26deg, #FFE3A6 9.72%, rgba(255, 203, 91, 0) 67.39%);
    --rank-gradient-border-green: linear-gradient(231.26deg, #89C763 9.72%, rgba(137, 199, 99, 0) 67.39%);
    --rank-gradient-border-red: linear-gradient(231.26deg, #db6a6a 9.72%, rgba(137, 199, 99, 0) 67.39%);
    --rank-gradient-border-silver: linear-gradient(231.26deg, #B3A8FF 9.72%, rgba(128, 112, 232, 0) 67.39%);
    --rank-gradient-border-violet: linear-gradient(231.26deg, #825fbf 9.72%, rgba(128, 112, 232, 0) 67.39%);
}

html,
body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    background: var(--color-main-bg);
    overscroll-behavior-y: contain;
}

body.modal-active {
    overflow-y: hidden;
}

input,
select,
button {
    font-family: inherit;
}

button:disabled {
    opacity: 0.7;
}

button:disabled:hover {
    box-shadow: none !important;
}

button {
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2/1),
screen and (min-resolution: 2dppx) {
    body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
}

@font-face {
    font-family: 'icomoon';
    src: url(icomoon.eot?jt806);
    src: url(icomoon.eot?jt806#iefix) format("embedded-opentype"), url(icomoon.ttf?jt806) format("truetype"), url(icomoon.woff?jt806) format("woff"), url(icomoon.svg?jt806#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

[class^="myicon-"],
[class*=" myicon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.myicon-tg-full:before {
    content: "\e9b6";
}
.myicon-success-mark:before {
    content: "\e9b5";
}
.myicon-cancel-mark:before {
    content: "\e9b4";
}

.myicon-qr:before {
    content: "\e9b3";
}
.myicon-reward:before {
    content: "\e9b2";
}
.myicon-groups:before {
    content: "\e9b1";
}
.myicon-payments:before {
    content: "\e9b0";
}
.myicon-stats:before {
    content: "\e9af";
}

.myicon-new_releases:before {
    content: "\e9ae";
}

.myicon-add_circle:before {
    content: "\e9ad";
}

.myicon-like-s:before {
    content: "\e9ac";
}

.myicon-like-h:before {
    content: "\e9ab";
}

.myicon-shuffle:before {
    content: "\e9aa";
}
.myicon-chip:before {
    content: "\e9a4";
}
.myicon-clubs:before {
    content: "\e9a5";
}
.myicon-suits:before {
    content: "\e9a6";
}
.myicon-hearts:before {
    content: "\e9a7";
}
.myicon-diamonds:before {
    content: "\e9a8";
}
.myicon-spades:before {
    content: "\e9a9";
}

.myicon-suit:before {
    content: "\e9a2";
}

.myicon-cherry:before {
    content: "\e9a1";
}

.myicon-enlarge:before {
    content: "\e99e";
}

.myicon-fullscreen:before {
    content: "\e99f";
}

.myicon-go-back:before {
    content: "\e9a0";
}

.myicon-is-notification:before {
    content: "\e99d";
}

.myicon-is-copy:before {
    content: "\e99c";
}

.myicon-blank:before {
    content: "\e99b";
}

.myicon-is-tickets:before {
    content: "\e99a";
}

.myicon-is-show:before {
    content: "\e999";
}

.myicon-is-hide:before {
    content: "\e998";
}

.myicon-is-trophy2:before {
    content: "\e997";
}

.myicon-faq:before {
    content: "\e995";
}

.myicon-fair:before {
    content: "\e996";
}

.myicon-is-trophy1:before {
    content: "\e994";
}

.myicon-arrow-circle-right:before {
    content: "\e993";
}

.myicon-is-send:before {
    content: "\e992";
}

.myicon-is-support1:before {
    content: "\e991";
}

.myicon-is-dots:before {
    content: "\e990";
}

.myicon-is-toss:before {
    content: "\e98f";
}

.myicon-is-clover:before {
    content: "\e98e";
}

.myicon-is-mines:before {
    content: "\e97d";
}

.myicon-is-overgo:before {
    content: "\e982";
}

.myicon-is-menu:before {
    content: "\e98a";
}

.myicon-is-archive:before {
    content: "\e98b";
}

.myicon-is-user-octagon:before {
    content: "\e98c";
}

.myicon-is-game:before {
    content: "\e98d";
}

.myicon-coins:before {
    /* content:"\e932"; */
    content: "\e973";

}

.myicon-is-coins:before {
    content: "\e973";
}

.myicon-is-deposit:before {
    content: "\e977";
}

.myicon-is-gift:before {
    content: "\e978";
}

.myicon-is-chat:before {
    content: "\e97a";
}

.myicon-is-support:before {
    content: "\e97b";
}

.myicon-is-raffle:before {
    content: "\e97c";
}

.myicon-is-slot:before {
    content: "\e97e";
}

.myicon-is-plinko:before {
    content: "\e97f";
}

.myicon-is-tower:before {
    content: "\e980";
}

.myicon-is-wheel:before {
    content: "\e981";
}

.myicon-is-double:before {
    content: "\e983";
}

.myicon-is-jackpot:before {
    content: "\e984";
}

.myicon-is-crash:before {
    content: "\e985";
}

.myicon-is-dice:before {
    content: "\e986";
}

.myicon-is-vk:before {
    content: "\e987";
}

.myicon-is-home:before {
    content: "\e988";
}

.myicon-is-tg:before {
    content: "\e989";
}

.myicon-google:before {
    content: "\e971";
}

.myicon-steam:before {
    content: "\e972";
}

.myicon-plinko:before {
    content: "\e970";
}

.myicon-person:before {
    content: "\e96f";
}

.myicon-fire:before {
    content: "\e96c";
}

.myicon-slot:before {
    content: "\e96b";
}

.myicon-why:before {
    content: "\e968";
}

.myicon-security:before {
    content: "\e969";
}

.myicon-animation-on:before {
    content: "\e961";
}

.myicon-animation-off:before {
    content: "\e962";
}

.myicon-audio-on:before {
    content: "\e963";
}

.myicon-audio-off:before {
    content: "\e965";
}

.myicon-trophy:before {
    content: "\e960";
}

.myicon-hoop:before {
    content: "\e95f";
}

.myicon-dashed-circle:before {
    content: "\e95e";
}

.myicon-clock-1:before {
    content: "\e956";
}

.myicon-pointer-3:before {
    content: "\e957";
}

.myicon-pointer-2:before {
    content: "\e95b";
}

.myicon-pointer-1:before {
    content: "\e95c";
}

.myicon-pointer:before {
    content: "\e95d";
}

.myicon-fortress:before {
    content: "\e955";
}

.myicon-tower:before {
    content: "\e954";
}

.myicon-online-support:before {
    content: "\e953";
}

.myicon-console-thick:before {
    content: "\e979";
}

.myicon-chat-thick:before {
    content: "\e975";
}

.myicon-gift-thick:before {
    content: "\e976";
}

.myicon-profile-thick:before {
    content: "\e974";
}

.myicon-dice-thick:before {
    content: "\e96e";
}

.myicon-jackpot-thick:before {
    content: "\e96d";
}

.myicon-mines-thick:before {
    content: "\e96a";
}

.myicon-roulette-thick:before {
    content: "\e966";
}

.myicon-crash-thick:before {
    content: "\e967";
}

.myicon-envelope-sl:before {
    content: "\e964";
}

.myicon-telegram-sl:before {
    content: "\e958";
}

.myicon-vk-sl:before {
    content: "\e959";
}

.myicon-raffle-thick:before {
    content: "\e95a";
}

.myicon-shuttle:before {
    content: "\e952";
}

.myicon-minus:before {
    content: "\e900";
}

.myicon-plus:before {
    content: "\e901";
}

.myicon-coins-1:before {
    content: "\e902";
}



.myicon-collaboration:before {
    content: "\e904";
}

.myicon-star:before {
    content: "\e905";
}

.myicon-chat-1:before {
    content: "\e906";
}

.myicon-chat:before {
    content: "\e907";
}

.myicon-money:before {
    content: "\e908";
}

.myicon-hourglass:before {
    content: "\e909";
}

.myicon-rank:before {
    content: "\e90a";
}

.myicon-jackpot:before {
    content: "\e90b";
}

.myicon-ticket:before {
    content: "\e90c";
}

.myicon-play-button:before {
    content: "\e90d";
}

.myicon-wheel:before {
    content: "\e910";
}

.myicon-sword:before {
    content: "\e911";
}

.myicon-dice:before {
    content: "\e912";
}

.myicon-dice-1:before {
    content: "\e913";
}

.myicon-graph:before {
    content: "\e914";
}

.myicon-wallet:before {
    content: "\e916";
}

.myicon-withdraw:before {
    content: "\e917";
}

.myicon-team:before {
    content: "\e918";
}

.myicon-high-five:before {
    content: "\e919";
}

.myicon-clipboard:before {
    content: "\e91a";
}

.myicon-bonus:before {
    content: "\e91b";
}

.myicon-info:before {
    content: "\e91c";
}

.myicon-documents:before {
    content: "\e91d";
}

.myicon-vk:before {
    content: "\e91e";
}

.myicon-logout:before {
    content: "\e91f";
}

.myicon-web:before {
    content: "\e920";
}

.myicon-customer-review:before {
    content: "\e921";
}

.myicon-ticket-raffle:before {
    content: "\e934";
}

.myicon-raffle:before {
    content: "\e923";
}

.myicon-why-c:before {
    content: "\e924";
}

.myicon-security-c:before {
    content: "\e925";
}

.myicon-success:before {
    content: "\e926";
}

.myicon-pending:before {
    content: "\e927";
}

.myicon-error:before {
    content: "\e928";
}

.myicon-down-arrow:before {
    content: "\e929";
}

.myicon-user:before {
    content: "\e92a";
}

.myicon-plus-1:before {
    content: "\e92b";
}

.myicon-minus-1:before {
    content: "\e92c";
}

.myicon-telegram:before {
    content: "\e92d";
}

.myicon-console:before {
    content: "\e92f";
}

.myicon-menu:before {
    content: "\e92e";
}

.myicon-close:before {
    content: "\e930";
}

.myicon-out:before {
    content: "\e933";
}

.myicon-info1:before {
    content: "\e935";
}

.myicon-bomb:before {
    content: "\e936";
}

.myicon-jack-preview:before {
    content: "\e937";
}

.myicon-ruble-currency-sign:before {
    content: "\e938";
}

.myicon-ruble:before {
    content: "\e939";
}

.myicon-question-mark:before {
    content: "\e93a";
}

.myicon-clock:before {
    content: "\e93b";
}

.myicon-switch:before {
    content: "\e93c";
}

.myicon-sort:before {
    content: "\e93d";
}

.myicon-web-1:before {
    content: "\e93e";
}

.myicon-dice-bg:before {
    content: "\e940";
}

.myicon-dice-pw:before {
    content: "\e941";
}

.myicon-envelope:before {
    content: "\e942";
}

.myicon-visible:before {
    content: "\e943";
}

.myicon-invisible:before {
    content: "\e944";
}

.myicon-fast-internet:before {
    content: "\e945";
}

.myicon-refresh:before {
    content: "\e946";
}

.myicon-exchange:before {
    content: "\e947";
}

.myicon-edit:before {
    content: "\e948";
}

.myicon-pen:before {
    content: "\e949";
}

.myicon-list:before {
    content: "\e94a";
}

.myicon-crown:before {
    content: "\e94b";
}

.myicon-right-arrow:before {
    content: "\e94c";
}

.myicon-alert:before {
    content: "\e94d";
}

.myicon-vk-icon:before {
    content: "\e94e";
}

.myicon-ssl:before {
    content: "\e94f";
}

.myicon-ssl-1:before {
    content: "\e950";
}

.myicon-crm:before {
    content: "\e951";
}


* {
    margin: 0;
    padding: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #cdcdcd;
}

.clear {
    clear: both;
}

.clear:after {
    content: '';
    display: block;
    height: 1px;
    clear: both;
}

.leftside::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 5px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.leftside::-webkit-resizer {
    width: 0;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.leftside::-webkit-scrollbar {
    width: 0;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.promo-input {
    margin-top: 10px;
}

.popup::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 5px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.popup::-webkit-resizer {
    width: 0;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.popup::-webkit-scrollbar {
    width: 0;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.scroller::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    background-color: transparent;
}

.scroller::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: var(--color-secondary-bg);
}

@media(min-width: 992px) {
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px;
        background-color: var(--color-primary-dark);
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #636363;
    }
}


::-webkit-input-placeholder {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
}

::-moz-placeholder {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
}

:-moz-placeholder {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
}

body.active {
    overflow: hidden;
}

#vk_community_messages {
    z-index: 100 !important;
}


.modal-window {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    visibility: hidden;
    opacity: 0;
    transition: .2s all ease;

    overflow-x: hidden;
    overflow-y: auto;
}

.modal-window.active {
    visibility: visible;
    opacity: 1;
}

.modal-dialog {
    width: 100%;
    max-width: 320px;
    position: relative;
    z-index: 11;
    flex: 0 1 auto;
    margin-left: auto;
    margin-right: auto;

    display: flex;
    align-items: center;
    min-height: 100%;
    padding: 10px 5px;

}

.modal {
    border-radius: 10px;
    position: relative;
    background: var(--color-primary-dark);
    overflow: hidden;

}

.htp-image-img {
    border-radius: 5px;
    max-width: 100%;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: .2s all ease;
}

.modal-backdrop.active, .body.modal-active .modal-backdrop {
    opacity: .7;
    visibility: visible;
}



.modal.narrow-modal {
    max-width: 320px;
}





.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(0, 0, 0, 0.8);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 9999;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-promo .ref {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: unset;
}

.popup-promo .ref .btn {
    margin: 0 auto;
    font-size: 10px;
    width: auto;
    padding: 10px 0;
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--color-primary-dark);
    border-radius: 10px;
    padding: 30px;
    width: 95%;
    max-width: 720px;
    color: #cdcdcd;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    max-height: 95%;
    overflow-y: auto;
}



.popup.htp-popup {
    padding: 0;
    overflow: auto;
}

.ns-popup.htp-popup {
    padding: 0;
    overflow: auto;
}

.game-sidebar__play-button.game-sidebar__play-button_blue {
    background: #345dfc;
}

.game-sidebar__input.game-sidebar__input_transparent {
    background: none;
    border-width: 2px;
}

.popup.narrow-popup {
    max-width: 320px;
}

.ns-popup.narrow-popup {
    max-width: 320px;
}

.modal .heading {
    padding: 20px;
    background: var(--color-secondary-bg);
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    /* border-top-right-radius: 10px;
    border-top-left-radius: 10px; */
    color: #cdcdcd;
}

.modal .heading_with_tabs {
    padding: 0;
    border-bottom: none;
    font-size: 15px;
    justify-content: flex-start;
    padding: 0 10px;
}

.modal-close {
    color: #fff;
    top: 15px;
    padding: 10px;
    font-size: 12px;
    position: absolute;
    right: 12px;
    cursor: pointer;
}

.popup.htp-popup .heading {
    padding: 20px;
    background: var(--color-secondary-bg);
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
}

.popup.htp-popup .close {
    color: #fff;
    top: 15px;
    padding: 10px;
    font-size: 12px;
    position: absolute;
    right: 12px;
    cursor: pointer;
}

.dark_btn {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: var(--color-black);
    background: var(--gradient-yellow);
    border-radius: 8px;

    cursor: pointer;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;

    touch-action: manipulation;
}

.dark_btn_small {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
}

.dark_btn_medium {
    width: 100%;
    height: 45px;
    line-height: 45px;
}

.dark_btn:hover {
    box-shadow: 0 0 15px 0 rgb(255 193 7 / 30%);
}

.dark-btn_green:hover {
    box-shadow: 0 0 15px 0 rgb(58, 196, 48, .3)
}

.dark-btn_green {
    background: var(--gradient-green);
    color: #fff;
}

.htp-popup-message {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    color: lightgray;
    line-height: 1.45;
}

.null-btn {
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
}

.htp-nav {
    text-align: center;
    margin-top: 20px;
}

.htp-nav-item.active {
    background: var(--color-accent);
}

.htp-control {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 13px;
    border-radius: 8px;
    border: #ffdead;
    background: var(--gradient-yellow);
    color: var(--color-black);
    font-size: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;

    touch-action: manipulation;
}

.htp-control:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(255, 193, 7, 0.3);
    box-shadow: 0 0 15px 0 rgba(255, 193, 7, 0.3);
    cursor: pointer;
}

.game-sidebar__input.dark_input {
    background: var(--color-secondary-bg);
}

.htp-nav-item {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: transparent;
    border: 2px solid var(--color-accent);
    border-radius: 20px;
    margin-left: 5px;
}

.htp-nav-item:hover {
    cursor: pointer;
}

.htp-nav-item:first-of-type {
    margin-left: 0;
}

.htp-content {
    padding: 20px 15px;
}

.notifyme-show {
    z-index: 22;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

.logout {
    padding-left: 7px;
}


.slider__element {
    padding: 0 5px;
}

.banner {
    position: relative;
    border-radius: 12px;
    display: block;
    isolation: isolate;
}

.main__banner {
    min-height: 225px;
    height: 0;
    /* margin-bottom: 35px; */
    width: 100%;
    height: 100%;
}

.banner_socials {
    overflow: hidden;
    font-size: 14px;
}

.banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.banner-bg_socials {
    background: url('socials_banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    transition: .3s all ease;
    will-change: transform;
}

.banner-bg_prerelease {
    background: url('bet_behind_banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    transition: .3s all ease;
    will-change: transform;
    background-position: 5% 50%;
}

.banner-bg_telegram {
    background: url('telegram_banner_1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    transition: .3s all ease;
    will-change: transform;
}


.banner-text {
    font-size: 2.1em;
    line-height: 1.55;
    font-weight: 600;
    color: #fff;
}

.banner-text_socials {
    max-width: 45%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-left: 4%;
    flex-direction: column;
}

.banner-text__accent {
    color: var(--color-accent);
    white-space: nowrap;
}

.banner:hover .banner-bg {
    transform: scale(1.03);
}


.banner__btn {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.banner__btn span {
    margin-left: 7px;
    transition: .2s all ease;
    will-change: transform;
}

.banner__btn:hover span {
    transform: translateX(3px);
}

.banner_tournament {
    overflow: hidden;
    font-size: 14px;
}


.banner-bg_tournament {
    background: url('https://cdn.m-xstorage.com/banners/tournament_banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    transition: .3s all ease;
    will-change: transform;
}

.banner-text_tournament {
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-left: 30%;
    flex-direction: column;
    width: 100%;
}

.banner-blocks_tournament {
    margin-top: 15px;
    display: flex;
    width: 100%;
    padding-right: 5%;
}

.banner-block {
    font-size: 1.5rem;
    border-radius: 15px;
    padding: 15px 20px;
    position: relative;
    background: var(--color-primary-light);
    min-width: 200px;
    max-width: 450px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-block__header {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, .4);
    text-align: center;
    margin-bottom: 7px;
    font-weight: 500;
}

.banner-timer__value {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
}

.banner-timer__text {
    font-weight: 600;
    font-size: 12px;
    line-height: 155%;
    color: #fff;
}

.banner-timer__divider {
    font-weight: 600;
    font-size: 12px;
    line-height: 155%;
    color: #fff;
    margin: 0 5px;
    opacity: 0.35;
}

.progress__wrapper {
    position: relative;
    height: 25px;
    border-radius: var(--border-radius-small);
    background: var(--color-medium-gray);
}

.progress__body {
    position: relative;
    height: 100%;
    width: var(--progress-percent);
    border-radius: var(--border-radius-small);
    background: var(--color);
    transition: 0.1s;
    box-shadow: 0 1px 17px 0px var(--shadow-color);
}

@keyframes slide {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 56px 0;
    }
}

@keyframes shake {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(7px);
    }
    75% {
        transform: translateX(-7px);
    }
    100% {
        transform: translateX(0px);
    }
}

.shaking-animation {
    animation: shake 0.2s ease-in-out 0s 2;
}

.button-that-was-a-link {
    text-align: left;
}

.progress__body:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-small);
    background-size: 28px 70px;
    background-image: linear-gradient(110deg, rgba(255, 255, 255, .3) 32%, transparent 32%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 90%, transparent 90%, transparent);
    animation: slide 5s linear infinite;
    will-change: background-position;

}

.banner-block_accent {
    background: var(--gradient-yellow);
    color: #000;
    transition: .2s all ease;
    will-change: box-shadow;
    min-width: 355px;
}

.banner-block_accent:hover {
    box-shadow: 0 0 15px 0 rgba(255, 193, 7, .3);
}

.tournament-member__link-arrow {
    margin-left: auto;
    transition: .2s all ease;
    will-change: transform;
}

.banner-block_accent:hover .tournament-member__link-arrow {
    transform: translateX(5px);
}

.banner-block_second {
    margin-left: 15px;
    padding: 7px 20px;
}

.has-gradient-border {
    position: relative;
}

.has-gradient-border:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    border: 2px solid transparent;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.banner-block_accent:after {
    border-radius: 15px;
    background: var(--border-yellow) border-box;
}

.dark-btn_outlined:after {
    border-radius: 8px;
    background: var(--border-yellow) border-box;
}

.dark-btn_green:after {
    border-radius: 8px;
    background: var(--border-green) border-box;
}

.dark-btn_arrowed {
    display: flex;
    align-items: center;
}

.dark-btn__arrow {
    transition: .2s all ease;
    will-change: transform;
    margin-left: 10px;
}

.dark-btn_arrowed:hover .dark-btn__arrow {
    transform: translateX(5px);
}


.tournament-member {
    align-items: center;
    display: flex;
}

.tournament-memeber__info {
    margin-left: 15px;
}

.tournament-memeber__nameplace {
    display: flex;
    align-items: center;
}

.tournament-memeber__name {
    color: rgba(37, 39, 49, .5);
    max-width: 175px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px;
}

.tournament-member__reward {
    font-size: 1rem;
}

.tournament-member__reward_guest {
    font-size: .8rem;
    color: rgba(0, 0, 0, .5);
}

.main__sliver-nav {
    position: absolute;
}

.news-block {
    position: relative;
    margin: 0 -5px 50px -5px;
}

.main__slider {
    position: relative;
}

.main__slider-dots {
    position: absolute;
    bottom: -32px;
    z-index: 5;
    display: flex;
    width: 100%;
    justify-content: center;
}

.slider-dot {
    padding: 5px;
}

.slider-dot:hover {
    cursor: pointer;
}

.slider-dot__inner {
    background: var(--color-primary-light);
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.slider-dot_active .slider-dot__inner {
    background: #dadada;
}





.money a {
    color: var(--color-accent);
    font-size: 16px;
    padding-left: 7px;
}

.money a:first-of-type {
    padding-left: 10px;
}

.ns-popup.active {
    opacity: 1;
    visibility: visible;
}

.popup.active {
    opacity: 1;
    visibility: visible;
}

.popup .heading {
    font-size: 20px;
    font-weight: 700;
    color: #cdcdcd;
    line-height: 20px;
    margin-bottom: 30px;
}

.popup .important {
    background: var(--color-secondary-bg);
    color: #cdcdcd;
    padding: 13px 20px;
    font-size: 14px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.with-inputs .params {
    margin: 15px 0;
}

.with-inputs .params:last-of-type {
    margin-bottom: 5px;
}

.fixed-chat .close {
    color: var(--color-gray);
    top: 17px;
    padding: 15px;
    font-size: 9px;
    position: absolute;
    right: 4px;
    cursor: pointer;
    font-weight: 900;
}

.popup h3 {
    font-size: 17px;
    margin-bottom: 10px;
    color: #cdcdcd;
    margin-top: 0;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
}

.popup .btn-second {
    margin: 15px auto 0;
}

.input-disabled {
    opacity: .5;
}

.params .param:first-child {
    margin-right: 10px;
}

.form-group {
    position: relative;
}

.input-sum .ruble-symbol {
    top: 4px;
}

.input-rubles {
    position: relative;
}

.ruble-symbol {
    position: absolute;
    font-size: 22px;
    top: 10px;
    right: 12px;
}

.ruble-symbol.myicon-coins {
    font-size: 20px;
    top: 12px;
}

.popup .input-sum {
    padding: 0 15px;
    background: var(--color-secondary-bg);
    line-height: 45px;
    border-radius: 4px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    width: 100%;
    border: solid 1px #424242;
}

.originals {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.originals__icon {
    color: var(--color-accent);
    font-size: 20px;
    margin-right: 5px;
}

.popup .input-sum:focus {
    border: solid 1px #ffc400be;
}

.money-block {
    position: relative;
    display: flex;
    align-items: center;
}

.money-block__money-area {
    color: #fff;
    font-weight: 800;
    /* background:var(--color-secondary-bg); */
    cursor: default;
    display: inline-block;
    /* width:250px; */
    font-size: 16px;
    /* border-radius:6px; */
    padding: 0 15px 0 40px;
    height: 40px;
    line-height: 41px;
    white-space: nowrap;
}

.money-block__money-icon {
    position: absolute;
    left: 14px;
    top: 11px;
    color: var(--color-accent);
}

.money-block__actions {
    /* position:absolute;
top:0;
right:0; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.money-block__action {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 6px;
    background: var(--color-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
}

.money-block__action:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 10px 0 rgba(255, 193, 7, 0.5);
}

.money-block__action_withdraw {
    margin-right: 8px;
}

.money-block__action span {
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
}

.enroll_text {
    margin-top: 15px;
    font-size: 13px;
}

.enroll_text span {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.svelte-app {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    align-items: stretch;
}

.suggest-sum {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 4px;
}

.suggest-sum__item {
    border-bottom: 1px dotted gray;
    margin-right: 10px;
    font-size: 0;
    display: inline-block;
    font-size: 12px;
}

.suggest-sum__item:hover {
    color: var(--color-accent);
    border-bottom: 1px dotted var(--color-accent);
}

.suggest-sum__item:last-child {
    margin-right: 0;
}

.enroll_text i.myicon-coins {
    color: var(--color-accent);
}

.fwr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
}

.fwr i {
    margin-right: 5px;
    font-size: 16px;
}

.fwr a {
    font-size: 10px;
}




.game-area.game-area_slots {
    flex-direction: column;
    /* margin-top: 28px; */
    width: 100%;
    max-width: 750px;
    margin-top: 35px;
    padding: 15px 10px;
    align-items: center;
    position: relative;
}

.slot * {
    box-sizing: border-box;

}

#slotCanvas {
    /* transition: transform 2s;
    margin: 0;
    border: 2px solid #1a1919;
    border-radius: 7px; */
    /* max-width: 625px; */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #1a1919;
    border-radius: 7px;
}

.slot__separators {
    display: flex;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 8px 0;
}

.slot__separators div {
    width: 20%;
    height: 100%;
    /* top: 2%; */
    position: relative;
}

.slot__separators div:nth-child(2),
.slot__separators div:nth-child(3),
.slot__separators div:nth-child(4) {
    margin-left: -1px;
}

.slot__separators div:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    /* background: #0f0f0f;
    border-right: 1px solid #1b1b1b; */
    background: linear-gradient(0deg, rgba(29, 28, 28, 1) 0%, rgb(56 56 56) 50%, rgba(29, 28, 28, 1) 100%)
}

.slot {
    display: inline-flex;
    width: 90%;
    flex-basis: 100%;
    /* position: relative; */
    border: 15px solid var(--color-primary-dark);
    border-radius: 8px;
}

.numbers {
    font-weight: 600;
    font-size: 12px;
    color: #dfdfdf;
    margin: 0 7px;
}

.numbers__group {
    height: 125px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.numbers__group:first-of-type {
    margin-top: 15px;
}

.numbers__item {
    padding: 4px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 2px;
    margin: 3px 0;
    min-width: 25px;
    text-align: center;
}

.numbers__item:hover {
    color: #fff;
}

.numbers__item.active {
    background: #0e9980;
}


.slot__canvas {
    position: relative;
    background: var(--color-primary-dark);


    width: 100%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden;

}

.slot__result {
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    border: white 2px solid;
    border-radius: 5px;
    padding: 10px 20px;
    background: #494f6b;
    display: none;
    text-align: center;
}

.slot__result.active {
    display: block;
}

.slot__bonus {
    margin-right: 7px;
    display: none;
}

.slot__bonus.active {
    display: block;
}

.slot__overlay {
    position: absolute;
    top: 0px;
    padding-top: 10px;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 4px;
    z-index: 500;
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, .35);
    border-radius: 4px;
    transition: .25s all ease-in;
    opacity: 0;
    visibility: hidden;
}

.slot__overlay-content {
    font-size: 12px;
}

.slot__overlay.active {
    opacity: 1;
    visibility: visible;
    padding-top: 0;
    top: 0;
}

.slot__overlay.plinko__overlay {
    /* border-radius: 7px; */
    font-size: 18px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
}

.plinko__overlay-content {
    background: var(--color-outcome-window);
    padding: 1em 2em;
    border-radius: 10px;
    border: 3px solid var(--color-accent);
}

.plinko__overlay-title {
    letter-spacing: normal;
    text-transform: none;
    font-size: 1em;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.bonus__spins-count {
    font-weight: 600;
    font-size: 1.75em;
    margin-top: 7px;
}

.plinko__balls-count {
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #3d3c3c;
    font-weight: 600;
    color: #fff;
}

.slot__bonus-indicator {
    color: #fff;
}

.slot__bonus-icon {
    color: #44d13a;
    margin-right: 2px;
}



.slot__payout {
    display: flex;
    background: var(--color-primary-dark);
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    z-index: 50;
    padding: 10px 20px;
    color: #cdcdcd;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    white-space: nowrap;
}

.plinko__bonus-badge {
    display: flex;
    background: var(--color-primary-dark);
    font-size: 13px;
    z-index: 50;
    padding: 0.8em 1.6em;
    color: #cdcdcd;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 2px 0 4px -3px rgb(22 23 31 / 90%);
    align-items: center;
    /* visibility: hidden;
    opacity: 0; */
    display: none;
}

.plinko__bonus-badge.active {
    display: flex;
    /* visibility: visible;
      opacity: 1; */
}

.plinko-ball {
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    margin-right: 7px;
}

.plinko-ball__outer {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    border-radius: 50%;
    background: var(--color-accent);
    box-shadow: 0 0 6px 2px rgb(213 172 41 / 36%);
}

.plinko-ball__middle {
    width: 66%;
    height: 66%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #7d5f00;
}

.plinko-ball__inner {
    width: 33%;
    height: 33%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #b18700;
}

.slot__payout-sum {
    font-weight: 600;
    color: var(--color-accent);
}



.line__result {
    font-size: 2.5vw;
    font-weight: 600;
    z-index: 50;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    border: #fbfbfb 2px solid;
    border-radius: 5px;
    /* padding: 12px 0; */
    text-align: center;
    background: var(--color-slot-bg);
    display: none;
}

.line__result span.myicon-coins {
    color: var(--color-accent);
}

.line__result.active {
    display: block;
}

.bonus-counter {
    /* padding: 5px 0; */
    width: 669px;
    color: white;
    text-align: center;
    height: 0;
}

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


.slot__numbers {
    position: absolute;
    width: 100%;
    left: 0;
    top: 32px;
    bottom: 32px;
    z-index: 20;
}


.game__bank {
    margin-left: 2px;
    color: var(--color-gray);
    font-weight: 400;
    font-size: 11px;
}



.nowrap {
    white-space: nowrap;
}

.enroll_text i.myicon-ticket-raffle {
    color: #00de09;
    margin-bottom: 1px;
}

.to_enroll_wrapper {
    vertical-align: top;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 10px;
}

.chat-manage-panel-wrapper {
    display: none;
}

.chat-manage-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    background: var(--color-secondary-bg);
    border: 1px solid var(--color-main-border);
    width: 100%;
    left: 0;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    color: #8d8d8d;
    border-radius: 10px;
}

.chat-manage-item {
    padding: 5px;
    white-space: nowrap;
}

.chat-manage-item:hover {
    color: #fff;
    cursor: pointer;
}

.chat-manage-icon {
    display: block !important;
    font-size: 14px;
}

.fixed-chat .send-form .chat-input::-webkit-input-placeholder {
    font-size: 14px;
}

.fixed-chat .send-form .chat-input::-moz-placeholder {
    font-size: 14px;
}

.fixed-chat .send-form .chat-input:-ms-input-placeholder {
    font-size: 14px;
}

.fixed-chat .send-form .chat-input::-ms-input-placeholder {
    font-size: 14px;
}

.fixed-chat .send-form .chat-input::placeholder {
    font-size: 14px;
}

.popup .input-sum::-webkit-input-placeholder {
    font-size: 15px;
}

.popup .input-sum::-moz-placeholder {
    font-size: 15px;
}

.popup .input-sum:-ms-input-placeholder {
    font-size: 15px;
}

.popup .input-sum::-ms-input-placeholder {
    font-size: 15px;
}

.popup .input-sum::placeholder {
    font-size: 15px;
}

.popup .input-num {
    background: var(--color-secondary-bg);
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
    border: solid 1px #424242;
}

.popup .sum-info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #cdcdcd;
    padding: 4px 5px;
    font-weight: 400;
    font-size: 14px;
}

.popup .list-pay .item {
    margin-left: 7px;
    color: #fff;
    display: none;
}

.popup .list-pay h3 {
    font-size: 14px;
    font-weight: 400;
}

.picked-method {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
}

.popup .list-pay .item img {
    width: 20px;
    margin-right: 3px;
}

.popup .list-pay .item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-select {
    position: relative;
}

.form-select select {
    width: 100%;
    background-color: var(--color-secondary-bg);
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    outline: none;
    color: #cdcdcd;
    font-size: 14px;
    height: 46px;
    border-radius: 8px;
    padding-left: 10px;
}

.form-select span {
    position: absolute;
    top: 16px;
    right: 10px;
}

.form-select_light select {
    background-color: var(--color-primary-dark);
}

.form-select_light span {
    font-size: 10px;
    top: 19px;
    color: #cdcdcd;
}

.popup-with-title {
    margin-bottom: 7px;
}

.contcom {
    width: 100%;
    text-align: right;
}

.contcom .left {
    text-align: left;
    display: inline-block;
}

.text-small {
    font-size: .9rem;
    color: var(--color-gray);
}

.contcom .right {
    text-align: right;
}

.htp-description .def_link {
    color: rgba(255, 255, 255, .9);
}

.coms1 {
    color: #cdcdcd;
    font-size: 12px;
    margin-top: 6px;
    padding-bottom: 5px;
    display: block;
    text-align: right;
}

.text-bold {
    font-weight: 800;
}

.bold {
    font-weight: 700;
    text-transform: uppercase;
}

.btn-second {
    appearance: none;
    -webkit-appearance: none;
    width: 193px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
    outline: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background: var(--color-accent);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    height: 100%;
}

.with-inputs {
    margin-bottom: 25px;
}

.btn-second:not([disabled]):hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.btn-second:disabled,
.btn-second[disabled] {
    opacity: .5;
}

.check_rules {
    text-align: center;
    margin: 10px 0;
}

.check {
    margin-left: 30px;
}


.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0;
    flex-grow: 0;
    /* border: 1px solid #adb5bd; */
    border-radius: 0.25em;
    margin-right: 0.5em;
    background: var(--color-checkbox);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}


.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 194, 0, 0.25);
}


.custom-checkbox:checked+label::before {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}



[type$="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-secondary-bg);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
}

[type$="checkbox"]:checked:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--color-accent);
    border-radius: 3px;
}

[class$="-list"],
[class*="-list "] {
    background: 0 0;
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.modes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 10px;
}

.modes__element {
    display: flex;
    transition: .3s all ease;
    will-change: transform;
}

.modes__element:hover {
    transform: translateY(-1.5%);
}

.modes__element:hover .card-button {
    background: rgba(255, 255, 255, .25);
}

.modes__element:hover .card-button__icon {
    transform: translateX(3px);
}

.mode-card {
    width: 100%;
    height: 0;
    padding-bottom: 115%;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
}

.card-header {
    margin: 10%;
}

.card-header_bottom {
    margin: 0;
    position: absolute;
    bottom: 10%;
    left: 10%;
    max-width: 80%;
}

.card-title {
    color: #fff;
    font-size: 3rem;
    font-weight: 500;
}

.card-desc {
    font-size: 1rem;
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
}

.card-footer {
    position: absolute;
    bottom: 8%;
    left: 10%;
}

.card-button {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
    border-radius: 10px;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    background: rgba(255, 255, 255, .15);
    transition: .25s all ease;
}

.card-button__icon {
    margin-left: 10px;
    transition: .25s all ease;
}

.casino__modes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    grid-gap: 10px;
    margin-bottom: 40px;
}

.mode-card_wide {
    padding-bottom: 40%;
}

.mode-card_wide .card-header {
    margin: 5%;
}

.mode-card_wide .card-footer {
    left: 4%;
}

.mode-card_mines {
    background-image: url('mines.png');
}

.mode-card_tower {
    background-image: url('tower.png');
}

.mode-card_raffle {
    background-image: url('raffle.png');
}

.mode-card_wheel {
    background-image: url('wheel.png');
}

.mode-card_crash {
    background-image: url('crash.png');
}

.mode-card_double {
    background-image: url('double.png');
}

.mode-card_overgo {
    background-image: url('overgo.png');
}

.mode-card_slot {
    background-image: url('slot.png');
}

.mode-card_plinko {
    background-image: url('plinko.png');
}

.mode-card_dice {
    background-image: url('dice.png');
}

.mode-card_jackpot {
    background-image: url('jackpot.png');
}

.mode-card_slots {
    background-image: url('slots.png');
}

.mode-card_live {
    background-image: url('live.png');
}

.mode-card_soon {
    background-image: url('soon.png');
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup-fair .decimal-list {
    counter-reset: item;
}

.popup-fair .decimal-list li {
    padding: 2px 0 21px 34px;
    position: relative;
    word-wrap: break-word;
}

.popup-fair .decimal-list li:before {
    content: counter(item);
    counter-increment: item;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--color-secondary-bg);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
}

.new_year_bonus {
    padding: 3px;
    outline: none;
    border: none;

    width: 45px;
    height: 45px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    margin-left: 5px;
    flex-shrink: 0;
}
.new_year_bonus img {
    max-width: 100%;
}

.main .about {
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 25px;
    text-align: center;
}

.popup-fair .fair-title {
    background: var(--color-secondary-bg);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    padding: 13px;
    cursor: pointer;
}

.navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 15px;
    height: 70px;
    position: fixed;
    /* width:100%; */
    z-index: 1001;
    top: 0;
    right: 0;
    left: 60px;
    background: var(--color-main-bg);
}

.navbar .online-mobile {
    display: none;
}

.navbar-brand img {
    width: 145px;
    /* margin-top:21px;
margin-left:20px;
margin-right:3px; */
}

.navbar-brand img.ny_logo {
    width: 140px;
    margin-top: 17px;
    margin-left: 15px;
}

.navbar .navbar-brand {
    color: #cdcdcd;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    height: 60px;
    text-align: center;
    padding: 0;
    margin-left: 0;
    display: flex;
    align-items: center;
    z-index: 10;
}

.navbar .menu-icon {
    cursor: pointer;
    display: none;
    float: right;
    padding: 28px 20px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 12px;
    right: 0;
}

.navbar .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 2px;
    position: relative;
    -webkit-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
    width: 18px;
}

.navbar .menu-icon .navicon:before,
.navbar .menu-icon .navicon:after {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 100%;
}

.navbar .menu-icon .navicon:before {
    top: 5px;
}

.navbar .menu-icon .navicon:after {
    top: -5px;
}

.navbar .menu-btn {
    display: none;
}

.navbar .menu-btn:checked~.navbar-nav {
    display: inline-table;
    background: #21203a;
    width: 100%;
    top: 130px;
    left: 0;
    position: absolute;
    z-index: 99999;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

.navbar .menu-btn:checked~.navbar-nav .nav-item {
    padding: 15px 0;
    display: block;
}

.navbar .menu-btn:checked~.navbar-nav .exit {
    padding: 15px 0;
    display: block !important;
}

.navbar .menu-btn:checked~.menu-icon .navicon {
    background: transparent;
}

.navbar .menu-btn:checked~.menu-icon .navicon:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar .menu-btn:checked~.menu-icon .navicon:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.navbar .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
}

.navbar .btn-vk-mobile {
    display: none;
}

.navbar .navbar-nav {
    display: inline-block;
    padding: 30px 0;
    height: 60px;
}

.navbar .navbar-nav li {
    display: inline-block;
}

.navbar .navbar-nav .nav-item {
    padding: 0 25px;
}

.navbar .navbar-nav .nav-item.active>a {
    color: #cdcdcd;
    text-decoration: underline;
}

.navbar .navbar-nav .nav-item a {
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.navbar .navbar-nav .nav-item a:hover {
    text-decoration: underline;
}

.navbar .navbar-nav .exit {
    display: none !important;
}

.navbar .user {
    font-size: 18px;
    display: inline-block;
    margin-left: auto;
    right: 0;
    top: 0;
    margin-right: 10px;
    flex-shrink: 0;
}

.navbar .user_guest {
    margin-right: 32px;
}

.h2h_sbp_bank {
    font-size: 18px;
    color: #fff;
    margin-bottom: 3px;
}

.h2h_sbp_receiver {
    text-transform: capitalize;
}

.sbp__receiver {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: var(--color-white);
    font-weight: 700;
    padding: 12px 15px 12px 12px;
    border-radius: var(--border-radius-small);
    width: auto !important;
}

/* .sbp__receiver.custom-design {
    border: 1px solid var(--base-color, transparent);
    background-color: color(var(--base-color-rgb), .35);
} */

.horizontal-delimiter {
    width: 100%;
    height: 1px;
    background: var(--color-main-border);
}

.deposit__divider {
    margin: 25px 0;
}


#online_img {
    width: 50px;
    margin-right: 10px;
}

.window-heading {
    background: var(--color-primary-dark);
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.hamburger {
    padding: 15px 18px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    background: #2b2b2b;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-box {
    width: 35px;
    margin-top: 5px;
    height: 18px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 35px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -7px;
}

.hamburger-inner::after {
    bottom: -7px;
}

.online-support {
    position: relative;
}

.support-new-messages {
    display: none;
}

.mobile-support-link {
    position: relative;
}

.snowflakes-toggle.hidden {
    display: none;
}

.snowflakes-control {
    position: absolute;
    left: 10px;
    top: 7px;
}

.snowflakes-toggle {
    padding: 8px;
    background: var(--color-secondary-bg);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

.snowflakes-toggle img {
    width: 18px;
}

.snowflakes-toggle.off_snowflakes:before {
    width: 27px;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    right: 4px;
    top: 16px;
    transform: rotate(-45deg);
}

.navbar .online {
    color: #efffe9;
    display: inline-block;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.on {
    margin-left: 0px;
}

.navbar .online i {
    color: #cdcdcd;
    margin-right: 10px;
}


.layout_wrapper.hidden {
    display: none;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.navbar .balance {
    color: #cdcdcd;
    font-weight: 600;
    line-height: 48px;
    margin: 0 25px;
    display: none;
}

.navbar .balance i {
    margin: 0 5px;
}

.navbar .balance .buttons {
    display: inline-block;
}

.navbar .balance .buttons .dep {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 2px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.navbar .balance .buttons .dep:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.navbar .balance .buttons .with:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.navbar .balance .buttons .with {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 2px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.navbar .profile {
    position: relative;
    text-align: left;
    padding: 9px 25px;
    float: right;
}

.navbar .coin-icon {
    width: 23px;
    position: relative;
    top: 3px;
}

.navbar .profile img.profile-ava {
    width: 45px;
    border-radius: 50%;
    position: absolute;
    border: 1px solid #F9A825;
}

.navbar .profile .info {
    margin-left: 55px;
    font-size: 1rem;
    padding: 2px 0;
}

.navbar .profile .info .username {
    color: #efffe9;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.navbar .profile .info .exit {
    font-size: 13px;
    color: #cdcdcd;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.navbar .profile .info .exit i {
    margin-right: 5px;
}

.navbar .profile .info .exit:hover {
    color: #cdcdcd;
    text-decoration: underline;
}

.navbar .profile .info .money {
    padding: 4px 0 0;
    color: var(--color-accent);
}

.money .myicon-coins {
    font-size: 20px;
}

.money #money {
    margin-left: 5px;
    font-size: 1.2rem;
    font-weight: 600;
}

.license_info {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-main-border);
    border-radius: var(--border-radius-common);
    padding: 10px 10px;
    gap: 7px;
    max-width: 225px;
    font-weight: 800;
    margin-top: 15px;
    margin-bottom: 10px;
    color: var(--color-silver);
}

.flipped {
    transform: rotate(180deg);
}

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

.navbar .btn-vk-mobile {
    border-radius: 50px;
    font-size: 19px;
    font-weight: 600;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    text-align: center;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    padding: 8px;
    margin: -15px auto;
}

.navbar .btn-vk-mobile:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.navbar .btn-vk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 160px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    background: var(--color-accent);
    text-align: center;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    line-height: 39px;
    margin: 7px 10px;
    cursor: pointer;
}

.navbar .btn-vk i {
    font-size: 25px;
    margin-right: 8px;
}

.navbar .btn-vk:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.content {
    top: 70px;
    position: relative;
    width: 100%;
}

/* .main-width.hide-menu {
    padding-left: 75px;
}

.main-width.hide {
    padding-right: 15px;
} */

.main-width {
    position: relative;
    margin: 0 auto;
    /* padding: 0 300px; */
    padding: 0 15px 0 75px;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 70px);
}

.logotype {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.logotype:before {
    font-weight: 900;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    /* background-size: 70px; */
    height: 70px;
    background: url(logox.png);
    background-size: 67px;
    background-repeat: no-repeat;
    z-index: 2;
}

.logotype:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    z-index: 5;
    height: 0;
    box-shadow: 0 0 30px 10px rgb(255 194 0);
}

.fixed-nav {
    width: 60px;
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: var(--color-primary-dark);
    /* border-radius:10px; */
}

.fixed-nav .leftside {
    list-style: none;
    height: calc(100% - 1px);
    overflow: auto;
    scrollbar-width: none;
}

.fixed-nav .leftside .ico {
    display: block;
    height: 32px;
    margin-bottom: 5px;
}

.arrow-back {
    padding: 5px 0;
    text-align: center;
    border-bottom: 2px solid #F9A825;
    margin-bottom: 7px;
    cursor: pointer;
}

.arrow-back a span {
    color: #F9A825;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    display: block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrow-back.active a span {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fixed-nav .leftside .leftside__item .menu-title {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0;
    position: relative;
    z-index: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-align: center;
    color: #fff;
}

.fixed-nav .leftside .settings-side {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 5px 25px;
    position: relative;
    z-index: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.fixed-nav .leftside .settings-side i {
    vertical-align: top;
    border-radius: 50%;
    display: inline-block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    color: #fff;
    opacity: .5;
    margin-right: 5px;
}

.fixed-nav .leftside .settings-side .side-name {
    display: inline-block;
    opacity: .5;
}

.fixed-nav .leftside .settings-side .side-description {
    line-height: 23px;
    display: inline-block;
}

.fixed-nav .leftside .settings-side .side-description .side-stats {
    position: relative;
    color: #cdcdcd;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox {
    width: 0;
    height: 0;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox:not(checked) {
    position: absolute;
    opacity: 0;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox:not(checked)+label {
    position: relative;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox:not(checked)+label:before {
    cursor: pointer;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 17px;
    margin-left: 10px;
    border-radius: 13px;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .3);
    background: #dcdde0;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox#settings-change-theme:not(checked)+label:after {
    background: #52ac62;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox#settings-change-sound:checked+label:before {
    background: #b1342e;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox:not(checked)+label:after {
    content: '';
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    margin-left: 10px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    background: #971d36;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox:checked+label:after {
    left: 23px;
}

.htp-image {
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 10px;
}

.htp-subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.htp-description {
    color: #cdcdcd;
    margin-top: 5px;
    line-height: 1.3;
}

.fixed-nav .leftside {
    padding-top: 5px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fixed-nav .leftside .leftside__item {
    margin-top: 3px;
}

.fixed-nav .leftside .leftside__item .mode {
    display: block;
    width: 45px;
    height: 45px;
    margin: auto;
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
    position: relative;
    z-index: 1;
    opacity: 1;
    border-radius: 5px;
}

.fixed-nav .leftside .leftside__item i {
    line-height: 45px;
    font-size: 21px;
}

.my-custom-theme {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

.tooltipster-base.tooltipster-top,
.tooltipster-base.tooltipster-bottom {
    padding-left: 5px;
    padding-right: 5px;
}

.my-custom-theme .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}

.fixed-nav .leftside .leftside__item .mode,
.fixed-nav .leftside .leftside__item .mode i,
.fixed-nav .leftside .new b {
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
}

.fixed-nav .leftside .leftside__item .mode.active,
.fixed-nav .leftside .leftside__item .mode:hover {
    background: var(--color-secondary-bg);
}

.fixed-nav .leftside .leftside__item .name {
    padding: 2px 10px;
    line-height: 36px;
    position: absolute;
    display: none;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
}

.fixed-nav.active .leftside li .name,
.fixed-nav.active .leftside li .new {
    display: inline-block;
}

.banner-text__label {
    margin-left: auto;
    padding-right: 5%;
}

.h100 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-nav .leftside .leftside__item .new {
    padding: 0 10px;
    line-height: 36px;
    position: absolute;
    right: 10px;
    color: #fff;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
}

.fixed-nav .leftside .leftside__item .new i {
    font-size: 14px;
    width: unset;
    height: unset;
    margin-left: 5px;
}

.separator {
    width: 1px;
    height: 100%;
    background: var(--color-main-border);
}

.fixed-nav.active {
    width: 72px;
}

.fixed-nav.active .name {
    display: none;
}

.fixed-nav.active .ico {
    margin: 10px 0;
}

.fixed-nav.active .balance {
    padding: 0 5px;
    bottom: 60px;
}

.fixed-nav.active .balance .value input {
    font-size: 14px;
}

.fixed-nav.active .balance .value i {
    display: none;
}

.fixed-nav.active .leftside {
    height: calc(100% - 1px);
}

.fixed-nav .balance {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0 25px;
    height: 175px;
}

.fixed-nav .balance .balance-title {
    color: #fff;
    text-transform: uppercase;
    margin: 15px 0 10px;
    font-weight: 600;
    font-size: 14px;
}

.fixed-nav .balance .balance-title:before {
    content: '';
    height: 1px;
    background: #4f5b82;
    padding: 0 10px;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}

.fixed-nav .balance .value {
    position: relative;
}

.vk-auth-left {
    display: none;
}

.fixed-nav .balance .value input {
    background: #293857;
    line-height: 45px;
    border-radius: 50px;
    text-align: center;
    color: #cdcdcd;
    font-size: 22px;
    width: 100%;
    border: double 2px transparent;
    background-image: -o-linear-gradient(#21203a, var(--color-primary-dark)), -o-linear-gradient(290deg, #058AFF, #a60cff);
    background-image: linear-gradient(#21203a, var(--color-primary-dark)), linear-gradient(160deg, #058AFF, #a60cff);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.fixed-nav .balance .value .fas {
    position: absolute;
    right: 41px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
}

.fixed-nav .balance .value .far {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
    cursor: pointer;
}

.fixed-nav .balance .buttons {
    line-height: 60px;
}

.fixed-nav .balance .buttons .dep {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 5px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.fixed-nav .balance .buttons .dep:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.fixed-nav .balance .buttons .with:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.fixed-nav .balance .buttons .with {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin: 0 5px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.fixed-nav.active {
    width: 282px;
}

.fixed-nav .leftside .name,
.fixed-nav .leftside .new {
    display: none;
}

.fixed-nav.active .leftside .ico {
    margin: 10px 0;
}

.review {
    background: var(--color-secondary-bg);
    padding: 23px;
    border-radius: 7px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 400;
}

#more-reviews {
    display: block;
    width: 150px;
    text-align: center;
    margin: auto;
}

.btn-toggle3m {
    display: none;
}

.pb-5 {
    padding-bottom: 15px;
}

.scroller-wrap {
    position: relative;
    width: 255px;
    margin: auto;
}

.scroll-bottom {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    position: absolute;
    align-items: center;
    color: #fff;
    outline: none;
    justify-content: center;
    font-size: 12px;
    background: var(--color-medium-gray);
    border: 0;
    right: 2px;
    bottom: 15px;
    z-index: 9999;
    cursor: pointer;
    display: flex;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
}

.scroll-bottom.active {
    visibility: visible;
    opacity: 1;
}

.scroll-bottom:hover {
    box-shadow: 0 0 0 1px #0e9980;
}

.new-messages {
    position: absolute;
    top: -5px;
    right: -4px;
    background: #0e9980;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    width: 17px;
    height: 17px;
    line-height: 15px;
    border-radius: 50%;
    display: none;
    text-align: center;
}



.fixed-chat {
    position: fixed;
    right: 15px;
    top: 70px;
    bottom: 15px;
    width: 270px;
    background: var(--color-primary-dark);
    /* text-align:center; */
    z-index: 1000;
    border-radius: 12px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.fixed-chat .icon {
    position: absolute;
    font-size: 90px;
    z-index: -1;
    color: #2938575c;
    opacity: .3;
    right: -15px;
}

.fixed-chat .heading {
    font-size: 14px;
    font-weight: 400;
    color: #efffe9;
    margin: 7px;
    padding: 15px 15px 15px 25px;
    background: var(--color-primary-light);
    border-radius: 10px;
}

.heading__icon {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--color-accent);
    /* box-shadow: 0 0 0px 8px rgb(255 208 68 / 30%); */
    margin-right: 20px;
    position: relative;
    --tint-color: rgb(255 208 68 / 30%);
    --tint-size: 233%;
}

.heading__icon:after {
    content: '';
    position: absolute;
    width: var(--tint-size);
    height: var(--tint-size);
    left: calc(50% - var(--tint-size) / 2);
    top: calc(50% - var(--tint-size) / 2);
    border-radius: 50%;
    background: var(--tint-color);
}

@keyframes live-pulse {
    65% {
        transform: scale(2);
        opacity: 1
    }

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

.heading__icon_small {
    width: 5px;
    height: 5px;
    margin-right: 15px;
    --tint-size: 290%;
}

.heading__icon_green {
    background: var(--color-green);
    --tint-color: rgb(70 198 88 / 30%);
}

.heading__icon_pulsing {
    --tint-size: 120%;
}

.heading__icon_pulsing:after {
    animation: live-pulse infinite linear 1.2s;
}

.heading__title {
    display: flex;
    align-items: center;
}

.heading__main {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
}

.heading__desc {
    font-size: 0.75rem;
    color: var(--color-gray);
}

.fixed-chat .messages {
    height: calc(100% - 150px);
    width: 260px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /* left:3px; */
    margin-top: 10px;
    margin-bottom: 15px;
}

.scroller {
    overflow: auto;
    padding: 0 7px 0 5px;
    max-height: 100%;
    overflow-x: hidden;
}

.fixed-chat .item {
    text-align: left;
    margin-bottom: 15px;
    color: var(--color-gray);
    position: relative;
}

.message__object {
    display: flex;
    align-items: flex-end;
}

.message__body {
    margin-left: 7px;
    /* width: 100%; */
}

.chat-rules {
    font-size: 12px;
    color: var(--color-gray);
    background: none;
    border: none;
    cursor: pointer;
    padding: 7px;
    position: absolute;
    right: -28px;
    top: -3px;
}

.chat-rules:hover {
    color: var(--color-white);
}

.chat__heading {
    display: flex;
    align-items: center;
    position: relative;
    /* gap: 7px; */
}

.message__text {
    border-radius: 8px 8px 8px 0;
    background: var(--color-primary-light);
    width: auto;
    color: #fff;
    padding: 10px;
    display: inline-block;
    font-size: 12px;
    line-height: 1.4;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    /* box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 5%); */
}

.message__text_selected {
    background: var(--color-medium-gray);
}

.message__username .message__moderator {
    color: var(--color-violet);
}

.message__username {
    margin-top: 5px;
}

.sub-heading {
    width: 100%;
    display: inline-block;
    position: relative;
    word-break: break-word;
    word-wrap: break-word;
}

.fixed-chat .avatar {
    width: 35px;
    height: 35px;
}

.avatar_medium {
    width: 55px;
    height: 55px;
}

.rank__wrapper {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 5;
    width: 60%;
    height: 60%;
    /* background: var(--bg-color); */
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .rank__wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
} */


.avatar.avatar_0 .rank__wrapper,
.avatar.avatar_1 .rank__wrapper,
.avatar.avatar_2 .rank__wrapper {
    background: var(--rank-gradient-blue);
}

.avatar.avatar_3 .rank__wrapper,
.avatar.avatar_4 .rank__wrapper,
.avatar.avatar_5 .rank__wrapper {
    background: var(--rank-gradient-yellow);
}

.avatar.avatar_6 .rank__wrapper,
.avatar.avatar_7 .rank__wrapper,
.avatar.avatar_8 .rank__wrapper,
.avatar.avatar_9 .rank__wrapper {
    background: var(--rank-gradient-green);
}

.avatar.avatar_10 .rank__wrapper,
.avatar.avatar_11 .rank__wrapper,
.avatar.avatar_12 .rank__wrapper {
    background: var(--rank-gradient-red);
}

.avatar.avatar_13 .rank__wrapper,
.avatar.avatar_14 .rank__wrapper,
.avatar.avatar_15 .rank__wrapper {
    background: var(--rank-gradient-silver);
}

.avatar.avatar_16 .rank__wrapper {
    background: var(--rank-gradient-violet);
}

.avatar.avatar_0 .rank__wrapper:after,
.avatar.avatar_1 .rank__wrapper:after,
.avatar.avatar_2 .rank__wrapper:after {
    background: var(--rank-gradient-border-blue) border-box;
}

.avatar.avatar_3 .rank__wrapper:after,
.avatar.avatar_4 .rank__wrapper:after,
.avatar.avatar_5 .rank__wrapper:after {
    background: var(--rank-gradient-border-yellow) border-box;
}

.avatar.avatar_6 .rank__wrapper:after,
.avatar.avatar_7 .rank__wrapper:after,
.avatar.avatar_8 .rank__wrapper:after,
.avatar.avatar_9 .rank__wrapper:after {
    background: var(--rank-gradient-border-green) border-box;
}

.avatar.avatar_10 .rank__wrapper:after,
.avatar.avatar_11 .rank__wrapper:after,
.avatar.avatar_12 .rank__wrapper:after {
    background: var(--rank-gradient-border-red) border-box;
}

.avatar.avatar_13 .rank__wrapper:after,
.avatar.avatar_14 .rank__wrapper:after,
.avatar.avatar_15 .rank__wrapper:after {
    background: var(--rank-gradient-border-silver) border-box;
}

.avatar.avatar_16 .rank__wrapper:after {
    background: var(--rank-gradient-border-violet) border-box;
}


.new-nemu img {
    position: absolute;
    width: 28px;
    left: 105px;
    top: 3px;
}

.new-nemu-reviews img {
    position: absolute;
    width: 28px;
    left: 121px;
    top: 3px;
}

.new-mode-raffle img {
    position: absolute;
    width: 28px;
    left: 102px;
    top: 3px;
}

@-webkit-keyframes flare-2 {
    0% {
        -webkit-transform: translateX(-115%) rotate(-45deg);
        transform: translateX(-115%) rotate(-45deg)
    }

    20% {
        -webkit-transform: translateX(140%) rotate(-45deg);
        transform: translateX(140%) rotate(-45deg)
    }

    to {
        -webkit-transform: translateX(140%) rotate(-45deg);
        transform: translateX(140%) rotate(-45deg)
    }
}

@keyframes flare-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-115%) rotate(-45deg);
        transform: translateX(-115%) rotate(-45deg)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(140%) rotate(-45deg);
        transform: translateX(140%) rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(140%) rotate(-45deg);
        transform: translateX(140%) rotate(-45deg)
    }
}

.wallet__btn {
    isolation: isolate;
    overflow: hidden;
}
.wallet__btn:before {
    content: "";
    opacity: 0;
    position: absolute;
    top: calc(50% - 62px);
    width: 92px;
    height: 92px;
    background-image: -webkit-radial-gradient(16.68% 41.55%,19.58% 37.96%,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
    background-image: radial-gradient(19.58% 37.96% at 16.68% 41.55%,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
    -webkit-animation: flare-2 5s ease-in-out infinite;
    animation: flare-2 5s ease-in-out infinite;
    animation-delay: 5s;
}

.avatar {
    position: relative;
}

.msg-history {
    isolation: isolate;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.msg-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.msg-wrap {
    margin-left: 34px;
    padding-top: 2px;
    line-height: 1.45;
}

.avatar img.avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 1px;
}

.avatar.avatar_0 img.avatar-img,
.avatar.avatar_1 img.avatar-img,
.avatar.avatar_2 img.avatar-img {
    border: 2px solid var(--color-blue);
}

.avatar.avatar_3 img.avatar-img,
.avatar.avatar_4 img.avatar-img,
.avatar.avatar_5 img.avatar-img {
    border: 2px solid var(--color-yellow);
}

.avatar.avatar_6 img.avatar-img,
.avatar.avatar_7 img.avatar-img,
.avatar.avatar_8 img.avatar-img,
.avatar.avatar_9 img.avatar-img {
    border: 2px solid var(--color-green);
}

.avatar.avatar_10 img.avatar-img,
.avatar.avatar_11 img.avatar-img,
.avatar.avatar_12 img.avatar-img {
    border: 2px solid var(--color-red);
}

.avatar.avatar_13 img.avatar-img,
.avatar.avatar_14 img.avatar-img,
.avatar.avatar_15 img.avatar-img {
    border: 2px solid var(--color-silver);
    box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.3);
}

.avatar.avatar_16 img.avatar-img {
    border: 2px solid var(--color-violet);
    box-shadow: 0 0 5px 2px rgba(131, 50, 246, .6)
}

.avatar_jackpot .rank__wrapper{
    top: 2px;
    right: 10px;
    width: 27px;
    height: 27px;
}
.avatar_jackpot-card  {
    max-width: 55px;
    width: 55px;
    margin-right: 10px;
}
.avatar_jackpot-card .rank__wrapper{
    top: -8px;
    right: -7px;
    width: 27px;
    height: 27px;
}
.avatar_crash {
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

.history-card__top-side:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 3px;
    border-radius: 3px;
    background: var(--bet-unique-color);
    left: 39px;
    transform: translateX(-50%);
}

.avatar .mrank {
    max-width: 67%;
}

.avatar.no_border img.avatar-img {
    border: none;
    box-shadow: none;
}

.avatar img.rank {
    max-width: 67%;
}

.fixed-chat .item .name {
    display: inline;
    color: var(--color-gray);
    font-size: 12px;
    margin-right: 5px;
    font-weight: 500;
    word-break: break-all;

    /* white-space: nowrap; */
    /* -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden; */
}

.fixed-chat .item .date {
    font-size: 12px;
    position: absolute;
    top: -2px;
    right: 0px;
}

.fixed-chat .item .date .delete {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0;
    cursor: pointer;
    text-align: center;
}

.fixed-chat .item .date .delete i {
    position: unset;
    font-size: 11px;
    opacity: unset;
    color: #cdcdcd;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.fixed-chat .item .date .delete:hover>i {
    color: #cdcdcd;
}

.fixed-chat .item .text {
    letter-spacing: .015em;
    color: #fff;
    font-size: 13px;
    display: inline;
}

.alert-sign {
    margin-bottom: 10px;
}

.alert-sign span {
    color: var(--color-accent);
    font-size: 40px;
}

.ranks {
    background: var(--color-secondary-bg);
    border-radius: 7px;
    margin-bottom: 20px;
    color: #cdcdcd;
}

.tournament {
    background: var(--color-secondary-bg);
    border-radius: 12px;
    /* margin-bottom: 20px; */
    color: #cdcdcd;
}

.tournament__leaderboard {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.tournament__leaderboard:last-of-type {
    margin-bottom: 0;
    /* border-top: 1px solid rgba(255, 255, 255, .15); */
    border-bottom: none;
}

.games-table__tournament th:nth-child(3),
.games-table__tournament td:nth-child(3) {
    width: 120px;
}

.games-table__tournament th:nth-child(4),
.games-table__tournament td:nth-child(4) {
    text-align: right;
    width: 85px;
}

.games-table__tournament th:nth-child(1),
.games-table__tournament td:nth-child(1) {
    width: 50px;
}

.table_delimiter {
    padding: 10px 0 15px 0;
    font-family: monospace;
}

.tournament__inactive {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 20px 15px;
}

.tournament__inactive-image {
    width: 190px;
    margin-bottom: 20px;
}

.tournament__inactive-image img {
    max-width: 100%;
}

.tournament__inactive-text {
    font-size: 14px;
    max-width: 450px;
    text-align: center;
    line-height: 1.45;
}

.tournament__info {
    display: flex;
    align-items: center;
}

.tournament__infoblock {
    background-color: var(--color-semi-dark);
    border-radius: 12px;
    padding: 12px 15px;
    flex: 1;
    margin-right: 10px;
    box-shadow: 0px 3px 2px -2px rgb(0 0 0 / 25%);
    display: flex;
    align-items: center;
}

.tournament__infoblock:last-of-type {
    margin-right: 0;
}

.infoblock__icon {
    width: 60px;
    margin-right: 20px;
}

.infoblock__icon img {
    max-width: 100%;
}

.infoblock__title {
    margin-bottom: 7px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #606060;
}

.infoblock__value {
    font-size: 20px;
    color: #fff;
    font-weight: 900;
}

.main-promo {
    margin-bottom: 40px;
}

.tournament-banner__img {
    max-width: 120px;
    margin-right: 10px;
}

img.tournament-banner__uavatar {
    width: 50px;
    height: 50px;
    border-color: #777;
}

.tournament-banner {
    color: #cdcdcd;
    padding: 20px;
    background: var(--color-secondary-bg);
    border-radius: 8px;
    max-height: 180px;
    overflow: hidden;
    display: flex;
    align-items: center;
    /* position: absolute; */
}

.tournament-banner__header {
    color: #fff;
    font-size: 2.2em;
}

.tournament-banner__description {
    font-size: 1.25em;
    font-weight: 400;
    color: #cdcdcd;
    /* margin-top: 15px; */
}

.tournament-banner__extra {
    display: block;
    margin-top: 5px;
}

.tournament-banner__place {
    font-weight: 600;
    color: #fff;
}

.tournament-banner__content {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 15px;

}

.tournament-banner__left {
    display: flex;
    align-items: center;
}

.tournament-banner__right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.tournament-banner__badge img {
    min-width: 50px;
    max-width: 50px;
    margin-bottom: 15px;
}

.tournament-banner__timer {
    position: relative;
    margin-left: 5px;
}

.tournament-timer {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tournament-timer-contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.tournament-timer__hours,
.tournament-timer__minutes {
    font-weight: 200;
    font-size: 28px;
    display: inline-block;
}

.progress-ring__tournament_small {
    display: none;
}

.raffle-timer__delimiter.tournament-timer__delimiter {
    font-weight: 100;
    font-size: 28px;
    transform: translateY(-5px);
}

.tournament-timer__time-descr {
    font-size: 10px;
    display: block;
    margin-top: -5px;
    text-align: center;
}

.tournament-banner__overview {
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--color-main-border);
    color: #999;

}

.tournament-banner__reward {
    color: var(--color-accent);
}

.tournament-banner__badge {
    padding: 0 25px;
    border-right: 1px solid var(--color-main-border);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tournament-banner__badge:last-of-type {
    border-right: none;
}

.tournament-banner__bvalue {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
}

.tournament-banner__bvalue_gold {
    color: var(--color-accent);
    white-space: nowrap;
}

.ranks .decimal-list {
    counter-reset: item;
}

.ranks .decimal-list li {
    padding: 2px 0 21px 34px;
    position: relative;
    word-wrap: break-word;
    font-weight: 400;
    line-height: 1.5;
}

.ranks-table td div {
    color: #fff;
}

.ranks-table td div span {
    color: var(--color-accent);
}

.ranks-table td div img {
    width: 35px;
    margin-right: 8px;
}

.ranks .payHistory {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.ranks-table .rank-name div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.withdelay {
    display: none;
}

.ranks .decimal-list li:before {
    content: counter(item);
    counter-increment: item;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #000;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
}

.your-rank img.rank-icon {
    width: 50px;
    margin-left: 8px;
}

.fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}

.your-rank {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.your-rank span {
    font-weight: 100;
    font-size: 18px;
}

.progress-next-rank {
    width: 100%;
}

.next-rank {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 725px;
    margin: auto;
}

.subheading {
    margin: 15px 0;
}

.subheading h3 {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.games-table__ranks td:nth-child(2),
.games-table__ranks th:nth-child(2),
.games-table__ranks td:nth-child(3),
.games-table__ranks th:nth-child(3),
.games-table__ranks td:nth-child(4),
.games-table__ranks th:nth-child(4),
.games-table__ranks td:nth-child(5),
.games-table__ranks th:nth-child(5),
.games-table__ranks td:nth-child(6),
.games-table__ranks th:nth-child(6) {
    text-align: right;
}

.bets-progress,
.deposit-progress {
    width: 100%;
    border-radius: 3px;
    padding: 3px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    position: relative;
    z-index: 5;
    color: #fff;
}

.bets-progress span.progress-sum,
.deposit-progress span.progress-sum {
    font-weight: 700;
    color: #fff;
}

.next-rank img.rank-icon {
    width: 60px;
}

.bets-progress {
    background: #5f2c82;
    background: -webkit-gradient(linear, left top, right top, from(rgba(95, 44, 130, 0.2)), to(rgba(73, 160, 157, 0.2)));
    background: -o-linear-gradient(left, rgba(95, 44, 130, 0.2), rgba(73, 160, 157, 0.2));
    background: linear-gradient(to right, rgba(95, 44, 130, 0.2), rgba(73, 160, 157, 0.2));
}

.deposit-progress {
    background: #38ef7d;
    background: -webkit-gradient(linear, left top, right top, from(rgba(56, 239, 125, 0.2)), to(rgba(17, 153, 142, 0.2)));
    background: -o-linear-gradient(left, rgba(56, 239, 125, 0.2), rgba(17, 153, 142, 0.2));
    background: linear-gradient(to right, rgba(56, 239, 125, 0.2), rgba(17, 153, 142, 0.2));
    margin-top: 10px;
}

.bets-progress .fill,
.deposit-progress .fill {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    z-index: -1;
}

.ranks-description ul li {
    font-weight: 400;
    margin-top: 10px;
}

.bets-progress .fill {
    background: #5f2c82;
    background: -webkit-gradient(linear, left top, right top, from(#5f2c82), to(#49a09d));
    background: -o-linear-gradient(left, #5f2c82, #49a09d);
    background: linear-gradient(to right, #5f2c82, #49a09d);
}

.deposit-progress .fill {
    background: #38ef7d;
    background: -webkit-gradient(linear, left top, right top, from(#38ef7d), to(#11998e));
    background: -o-linear-gradient(left, #38ef7d, #11998e);
    background: linear-gradient(to right, #38ef7d, #11998e);
}

.chat-transaction__icon {
    font-size: 25px;
    margin: 0 14px 0 0;
}

.chat-transaction__icon .icon-balance {
    background: url(../images/icon-pigs.svg) 0 0 no-repeat;
    width: 59px;
    height: 51px;
    display: block;
    background-size: contain !important;
}

.chat-transaction__icon .icon-promo {
    background: url(../images/icon-promo.png) 0 0 no-repeat;
    width: 59px;
    height: 51px;
    display: block;
    background-size: contain !important;
}

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

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

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

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.fixed-chat .item:last-child {
    margin-bottom: 0;
}

.fixed-chat .send-form .banchat {
    position: absolute;
    text-align: center;
    width: 100%;
    background: var(--color-secondary-bg);
    border-radius: 10px;
    color: #fff;
    height: 115%;
    z-index: 1;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
}

.fixed-chat .send-form .banchat .title {
    line-height: 1.4;
}


.fixed-chat .send-form .banchat .btn a {
    padding: 10px 15px;
    background: -o-linear-gradient(right, #be94f8, #7a6cf3);
    background: -webkit-gradient(linear, right top, left top, from(#be94f8), to(#7a6cf3));
    background: linear-gradient(to left, #be94f8, #7a6cf3);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 5px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    display: inline-block;
    cursor: pointer;
}

.fixed-chat .send-form .banchat .btn a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.fixed-chat .send-form {
    margin: 8px auto 0;
    height: 45px;
    position: relative;
    width: 250px;
    display: flex;
    align-items: center;
}

.fixed-chat .send-form .chat-input {
    background: none;
    outline: none;
    border: 2px solid var(--color-gray);
    height: 100%;
    width: 100%;
    padding: 0 15px 0 15px;
    font-size: 12px;
    border-radius: 10px;
    color: #fff;
}

.fixed-chat .send-form .btn-send {
    margin-left: 8px;
    cursor: pointer;
    font-size: 20px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    height: 100%;
    width: 42px;
    flex-shrink: 0;
    display: flex;
    transition: .2s linear;
    align-items: center;
    justify-content: center;
}



.fixed-chat .send-form .btn-emoji {
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    color: #cdcdcd;
    font-size: 20px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.fixed-chat .send-form .btn-promo {
    position: absolute;
    right: 62px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    color: #cdcdcd;
    font-size: 20px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.fixed-chat .send-form .btn-emoji:hover,
.fixed-chat .send-form .btn-promo:hover {
    color: #fff;
}

.slimScrollDiv {
    padding-right: 10px;
}

.slimScrollBar {
    cursor: pointer;
}

.correct-answer {
    border: 2px solid var(--color-green);
}

.correct-answer:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: 800;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e905";
    position: absolute;
    right: -10px;
    top: -9px;
    background: var(--color-green);
    color: #fff;
    padding: 5px;
    font-size: 13px;
    border-radius: 50%;
}

.menu-button {
    outline: none;
    border: none;
    background: none;
    /* background:var(--color-semi-dark); */
    border-radius: 8px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    text-decoration: none;
    margin-left: 5px;
    color: var(--color-gray);
    border: 1px solid var(--color-main-border);
    flex-shrink: 0;
}

.menu-button:hover,
.menu-button.active {
    color: #fff;
}

.menu-button i {
    vertical-align: middle;
    font-size: 22px;
}

.menu {
    flex-shrink: 0;
    /* margin-left:15px; */
}

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

.menu__list-item {
    margin-right: 3px;
}

.menu__list-item__link {
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 5px;
    color: #b4b4b4;
    font-weight: 400;
}

.menu__list-item__link.active,
.menu__list-item__link:hover {
    color: #fff;
    background-color: var(--color-semi-dark);
}

.chat-toggle {
    margin-right: 12px;
    position: relative;
}

.wallet-input-wrapper__file {
    background: var(--color-secondary-bg);
    padding: 15px;
    border-radius: var(--border-radius-small);
}


@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.preloader,
.preloader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.preloader {
    margin: 0 auto;
    font-size: 2px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid hsla(0, 0%, 100%, 0.3);
    border-right: 1.1em solid hsla(0, 0%, 100%, 0.3);
    border-bottom: 1.1em solid hsla(0, 0%, 100%, 0.3);
    border-left: 1.1em solid #fff;
    transform: translateZ(0);
    -webkit-animation: load8 1.1s linear infinite;
    animation: load8 1.1s linear infinite;
}
.preloader__big {
    font-size: 4.5px;
    border-top: 1.05em solid hsla(0, 0%, 100%, 0.08);
    border-right: 1.05em solid hsla(0, 0%, 100%, 0.08);
    border-bottom: 1.05em solid hsla(0, 0%, 100%, 0.08);
    border-left: 1.05em solid var(--color-accent);
}
.preloader__big,
.preloader__big:after {
    width: 12em;
    height: 12em;
}
.preloader_mini {
    font-size: 2px;
    border-top: 2px solid hsla(0, 0%, 100%, 0.3);
    border-right: 2px solid hsla(0, 0%, 100%, 0.3);
    border-bottom: 2px solid hsla(0, 0%, 100%, 0.3);
    border-left: 2px solid #fff;
}
.preloader_mini,
.preloader_mini:after {
    width: 12px;
    height: 12px;
}

.preloader-screen {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .chat-toggle:after {
content:'';
width:7px;
height:7px;
border-radius:50%;
position:absolute;
top:6px;
right:6px;
background:var(--color-accent);
-webkit-box-shadow:0 0 4px 2px rgba(255,196,0,0.5);
box-shadow:0 0 4px 2px rgba(255,196,0,0.5);
} */







footer {
    background: #1b2741;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1090;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    padding: 0 30px;
}

footer .footer-copyright {
    float: left;
}

footer .footer-creator {
    float: right;
}

footer .footer-copyright a {
    color: #cdcdcd;
}

footer .footer-creator a {
    color: #cdcdcd;
}

.p7 {
    padding: 0 7px;
}

.head-game {
    background-color: var(--color-secondary-bg);
    height: 49px;
    line-height: 49px;
    padding: 0 30px;
    top: 0;
    position: relative;
}

.head-game .game-name {
    font-weight: 700;
    color: #cdcdcd;
    display: inline-block;
    margin-right: 15px;
}

.head-game ul {
    display: inline-block;
    font-weight: 700;
}

.fixed-nav .leftside .leftside__bottom-part {
    margin-top: auto;
}

.mode i:first-child {
    color: var(--color-accent);
}

.gradient-color {
    background-color: var(--color-accent);
    background-image: linear-gradient(45deg, #ffdb6f, #ffbb29);
    background-size: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-color_violet {
    background-color: var(--color-violet);
    background-image: var(--gradient-violet);
}

.mode.mode_yellow i:first-child {
    background-color: var(--color-accent);
    background-image: linear-gradient(45deg, #ffdb6f, #ffbb29);
    background-size: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mode.mode_white i {
    color: #fff;
}

.text-light {
    color: #fff;
}

.head-game ul li {
    display: inline-block;
}

.head-game ul li a {
    color: #cdcdcd;
    font-size: 14px;
    padding: 0 15px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.head-game ul li a:hover {
    text-decoration: underline;
    color: #cdcdcd;
}

.head-game .howto {
    position: absolute;
    color: #cdcdcd;
    right: 30px;
    top: 0;
    cursor: pointer;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    font-weight: 700;
}

.head-game .howto i {
    margin: 0 10px;
}

.head-game .howto:hover {
    text-decoration: unset;
    color: #cdcdcd;
}

.cont-a {
    padding: 20px 7px;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.cont-b .second-title {
    margin-top: 10px;
    padding-bottom: 7px;
}

.cont-b {
    padding: 25px 15px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.dep-code {
    text-align: center;
    padding: 25px 45px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.dep-code .title1,
.dep-code .title2,
.dep-code .code {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.dep-code .title1,
.dep-code .title2 {
    width: 220px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #efefef;
}

.dep-code .title1 {
    border-radius: 50px 0 0 50px;
    border-left: unset;
}

.dep-code .title2 {
    border-radius: 0 50px 50px 0;
    border-left: unset;
}

.dep-code .code {
    width: 250px;
    background: #f8f8fb;
    color: #cdcdcd;
    font-weight: 700;
    font-size: 18px;
    border: 2px solid #efefef;
}



.jackpot .flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.jackpot .bank_amount {
    color: var(--color-accent);
}

.game-info {
    font-weight: 400;
    line-height: 30px;
    padding: 16px 45px;
}

.game-info .game-id {
    display: inline-block;
    color: #cdcdcd;
    font-size: 15px;
    font-weight: 700;
    margin-right: 25px;
}

.bet-hint {
    text-align: left;
    margin-bottom: 3px;
    color: #cdcdcd;
    font-size: 12px;
}

.bet-hint span,
.bet-hint i {
    color: var(--color-accent);
    font-size: 14px;
}

.crash-game .second-title .players_sum,
.crash-game .second-title .myicon-coins {
    color: var(--color-accent);
}

.game-info .fair {
    background: #1bc51a;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
}

.game-info .fair:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(123, 243, 108, 0.75);
    box-shadow: 0 0 40px 0 rgba(108, 243, 112, 0.75);
}

.jackpot .second-title,
.raffle .second-title {
    text-align: center;
    font-size: 16px;
    color: #cdcdcd;
    letter-spacing: 1px;
    padding: 5px 0;
    text-transform: uppercase;
}

.chances-wrapper {
    position: relative;
}

.chances-field {
    color: #fff;
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.chances-field__money {
    font-weight: 400;
    color: var(--color-accent);
    font-size: 14px;
    margin-top: 2px;
}

.jackpot-preloader {
    height: 120px;
    width: 100%;
    text-align: center;
    color: #afafaf;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
    animation: blinking 4s ease-in infinite;
    opacity: 0.95;
    position: absolute;
    top: 0;
    left: 0;
}

.jackpot-preloader__icon {
    font-size: 85px;
}

@keyframes blinking {
    50% {
        opacity: 0;
    }
}

.jackpot-preloader p {
    margin-top: 2px;
}

.jackpot .bank {
    text-align: center;
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    padding: 20px 0;
}

.ico-jackpot {
    background: url(../images/ico-jackpot.png);
    width: 79px;
    height: 58px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 16px 0 0;
}

.games-dropdown__game.games-dropdown__game-room {
    text-transform: none;
    font-size: 12px;
}

.rooms-dropdown {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 90;
    width: 100px;
    background: var(--color-primary-dark);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.user-profile-caregories__room-arrow {
    margin-left: 2px;
    font-size: 10px;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
    display: inline-block;
}

.user-profile-caregories__room-arrow.active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.jackpot .bank i {
    margin: 0 5px;
}

.game-info a {
    border-bottom: 1px dotted #cdcdcd;
}

.game-info a:hover {
    border-bottom: none;
}

.second-title {
    color: #cdcdcd;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0 0 15px;
}

.main-width main {
    display: inline-block;
    width: 100%;
    height: calc(100% - 50px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

.mobile-menu {
    display: none;
    height: 55px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: var(--color-primary-dark);
    z-index: 300;
}

.mobile-menu__contents {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 5px;
    margin: auto;
    font-size: 11px;
    color: #cdcdcd;
}

.mobile-menu__link {
    display: block;
    width: 100%;
    text-align: center;
    color: #cdcdcd;
    font-size: 11px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 1000;
}

.mobile-menu__link-icon {
    display: block;
    margin-bottom: 5px;
    font-size: 21px;
}

.mobile-menu__submenu {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: absolute;
    bottom: 55px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 100;
    background: var(--color-secondary-bg);
    padding: 0 8px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    padding: 10px 7px;
    box-shadow: 0px 0px 7px 3px rgb(0 0 0 / 10%)
}

.mobile-menu__submenu-item {
    width: calc(50% - 4px);
    background: var(--color-primary-dark);
    margin: 2px;
    border-radius: 12px;
}

.mobile-menu__submenu-item__link {
    height: 100%;
    display: block;
    font-size: 12px;
}

.heading__text {
    text-align: left;
}

.mobile-menu__submenu-item__link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* border-bottom:1px solid #282828; */
    padding: 10px 12px;
    height: 100%;
}

.mobile-menu__submenu-item__link-icon {
    font-size: 22px;
    margin-right: 10px;
    min-width: 22px;
    display: flex;
    justify-content: center;
    background-color: var(--color-accent);
    background-image: linear-gradient(45deg, #ffdb6f, #ffbb29);
    background-size: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* opacity:.8; */
    position: relative;
}

.mobile-menu__submenu-item__link-icon.active {
    opacity: 1;
}

.mobile-menu__submenu-item:hover .lightable:after {
    display: block;
}

.mobile-menu__submenu-item:hover .mobile-menu__submenu-item__link-icon {
    opacity: 1;
}

.mobile-menu__submenu-item:hover .mobile-menu__submenu-item__link-name,
.mobile-menu__submenu-item:hover .mobile-menu__submenu-item__link-bank {
    color: #fff;
}

.mobile-menu__submenu-item.active .lightable:after {
    display: block;
}

.mobile-menu__submenu-item.active .mobile-menu__submenu-item__link-icon {
    opacity: 1;
}

.mobile-menu__submenu-item.active .mobile-menu__submenu-item__link-name,
.mobile-menu__submenu-item.active .mobile-menu__submenu-item__link-bank {
    color: #fff;
}


.mobile-menu__link:not(.mobile-menu__link_chat):not(.open-submenu).active .mobile-menu__link-icon {
    background-color: var(--color-accent);
    background-image: linear-gradient(45deg, #ffdb6f, #ffbb29);
    background-size: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mobile-menu__link.open-submenu.active .mobile-menu__link-icon {
    color: #fff;
}

.mobile-menu__nav {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.mobile-menu__navlink {
    padding-left: 15px;
    color: var(--color-gray);
    font-size: 1rem;
    font-weight: 500;
    line-height: 3.5;
    cursor: pointer;
    display: block;
}

.mobile-menu__navlink:hover,
.mobile-menu__navlink.active {
    color: #fff;
}

.mobile-menu__link {
    position: relative;
}

.mobile-menu__submenu-item_socials {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;

}

.mobile-menu__submenu_vk {
    margin-left: auto;
}

.mobile-menu__submenu-item_social-link {
    margin-right: 10px;
}

.mobile-menu__submenu-item_social-link:last-of-type {
    margin-right: 0;
}

.mobile-menu__online {
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.lightable:after {
    display: none;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 20px 8px rgba(255, 194, 0, .5);
    box-shadow: 0 0 20px 8px rgba(255, 194, 0, .5);
}

.mobile-menu__submenu-item__link-bank {
    display: flex;
    align-items: center;
}

.mobile-menu__submenu-item__link-name {
    margin-bottom: 5px;
}

.mobile-menu__submenu-item__link-name_no-margin {
    margin-bottom: 0;
}

.mobile-menu__submenu__vertical-divider {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 90%;
    width: 1px;
    background: #282828;
}

.mobile-menu__submenu-item__games-no-balance .mobile-menu__submenu-item__link-wrapper {
    padding: 15px 12px;
}

.mobile-menu__submenu-item_last-in-row .mobile-menu__submenu-item__link-wrapper {
    border-right: none;
}

.mobile-menu__submenu-item_last-in-column .mobile-menu__submenu-item__link-wrapper {
    border-bottom: none;
}

.mobile-menu__submenu-item_first-in-row .mobile-menu__submenu-item__link-wrapper {
    padding-left: 12px;
}

.mobile-menu__submenu-item_usual-icons .mobile-menu__submenu-item__link-icon {
    color: #cdcdcd;
    opacity: 1;
    position: relative;
}

.mobile-menu__submenu-item_usual-icons.mobile-menu__submenu-item.active .mobile-menu__submenu-item__link-icon,
.mobile-menu__submenu-item_usual-icons.mobile-menu__submenu-item:hover .mobile-menu__submenu-item__link-icon {
    color: #fff;
}

.mobile-menu__submenu-item.mobile-menu__submenu-item_social {
    width: 100%;
    margin: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mobile-menu__submenu_more .mobile-menu__submenu__vertical-divider {
    top: 37%;
    height: 66%;
}

.mobile-menu__submenu-item_social-link {
    font-size: 25px;
    color: #fff;
    padding: 10px;
    display: flex;
}

.mobile-menu__submenu-item_social-link:hover {
    color: #fff;
}

.main-width main .top-bg {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background: -o-linear-gradient(bottom, #32466c, transparent);
    background: -webkit-gradient(linear, left bottom, left top, from(#32466c), to(transparent));
    background: linear-gradient(to top, #32466c, transparent);
    border-bottom: solid 1px #324568;
    -webkit-box-shadow: 0 0 1em #0000;
    box-shadow: 0 0 1em #0000;
}

.games-table__room-picker {
    cursor: pointer;
    padding: 10px 0;
    white-space: nowrap;
}

.slider-bg {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 65px;
    margin: 20px 0;
    -webkit-box-shadow: 0 0 3em #00000021;
    box-shadow: 0 0 3em #00000021;
    position: relative;
    border-radius: 50px;
}

.slider-bg ul {
    display: inline-block;
    height: 65px;
    width: 9999px;
    margin-bottom: 0;
    border-radius: 50px;
}

.slider-bg ul li {
    width: 65px;
    height: 65px;
    float: left;
    position: relative;
    margin: 0 3px;
}

.slider-bg ul li img {
    width: 100%;
    border-radius: 5px;
}

.slider-bg ul li span {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-radius: 0 0 5px 5px;
}

.jackpot .slider {
    display: inline-block;
    width: 100%;
    position: relative;
}

.jackpot .slider .arrow {
    display: inline-block;
    width: 30px;
    position: absolute;
    height: 30px;
    background: url(../images/arrow.png) no-repeat center center;
    z-index: 6;
    background-size: 100%;
    left: calc(50% - 25px);
    top: 5px;
}

.jackpot .bets {
    margin-bottom: 60px;
}

.jackpot .bets li {
    background: var(--color-primary-dark);
    border-radius: 4px;
    position: relative;
    padding: 15px;
    margin: 10px 0;
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
    vertical-align: middle;
    height: 90px;
    cursor: default;
}

.jackpot .bets li color {
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
}

.jackpot .bets li .user {
    font-size: 0;
}

.jackpot .bets li .user .ava {
    position: absolute;
}

.jackpot .bets li .user .ava img.avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.jackpot .bets li .user .info {
    margin-left: 70px;
    display: inline-block;
    padding: 20px 0;
}

.jackpot .bets li .user .info .nickname {
    font-size: 15px;
}

.room ul {
    display: inline-block;
}

.room ul li {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}

.jackpot .room {
    color: #cdcdcd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--color-main-border);
}

.jackpot-tab:first-child {
    border-top-left-radius: 12px;
}

.jackpot-tab:last-child {
    border-top-right-radius: 12px;
}

.jackpot-tab {
    flex: 1;
    text-align: center;
    height: 50px;
    /* line-height: 45px; */
    background: var(--color-primary-dark);
    display: flex;
    align-items: center;
    justify-content: center;
}

.jackpot-tab .mobile-menu__submenu-item__link-bank{
    margin-top: 5px;
    justify-content: center;
}

.jacpot-tab__title {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.jackpot-tab-bank {
    position: absolute;
    top: -8px;
    left: 110%;
    line-height: 1;
    padding: 2px 4px;
    background: #0e9980;
    color: #fff;
    font-weight: 800;
    border-radius: 3px;
    font-size: 11px;
}

.jackpot-tab.active {
    border-bottom: 2px solid var(--color-accent);
}

.jackpot-field-wrapper {
    padding: 0 15px;
}

.room ul li a:hover,
.room ul li a.active {
    border-bottom: 2px solid var(--color-accent);
}

.room ul li a {
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
    font-size: 14px;
    font-weight: 400;
    color: #cdcdcd;
}

.jackpot .bets li .user .info .points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 400;
}

.jackpot_room_bank {
    display: block;
    margin-top: 8px;
}

.jackpot_room_bank.active {
    color: var(--color-accent);
}

.jackpot .bets li .user .info .points span.bet-sum {
    font-weight: 600;
    font-size: 16px;
    color: var(--color-accent);
}

.jackpot .bets li .user .detail {
    float: right;
    text-align: right;
    opacity: .6;
    color: #cdcdcd;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.jackpot .bets li .user .detail .percent {
    font-size: 21px;
    line-height: 36px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.jackpot .bets li .user .detail .tickets {
    font-size: 14px;
}

.jackpot .bets li .user .detail .tickets i {
    margin-right: 5px;
}

.jackpot .bets li:hover .user .detail .percent {
    color: #1dde10;
    opacity: 1;
}

.jackpot .bets li:hover .user .detail {
    opacity: 1;
}

.rooms {
    text-align: center;
}

.rooms .rooms-title {
    font-size: 22px;
    color: #cdcdcd;
    font-weight: 700;
}

.rooms .rooms-desc {
    color: #cdcdcd;
    font-weight: 700;
    font-size: 15px;
}

.rooms .room-selector {
    font-size: 0;
    padding: 15px;
}

.rooms .room {
    display: inline-block;
    margin-left: 20px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    cursor: pointer;
}

.rooms .room:first-child {
    margin-left: 0;
}

.rooms .room:not(.active):last-child {
    border-right: unset;
}

.rooms .room .room-name {
    font-size: 18px;
    font-weight: 700;
    color: #cdcdcd;
}

.rooms .room .room-bet {
    font-size: 20px;
    color: #cdcdcd;
}

.rooms .room .room-bank {
    font-size: 14px;
    color: #cdcdcd;
}

.rooms .room:hover {
    border-bottom: 2px solid var(--color-accent);
}

.rooms .room.active {
    border-bottom: 2px solid var(--color-accent);
}

.chances {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-bottom: 12px;
    height: 120px;
    white-space: nowrap;
    overflow: hidden;
}

.raffle-users {
    width: 100%;
    text-align: left;
    font-size: 0;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
}

.chances img.avatar,
.raffle-users img.avatar {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50%;
    border: 1px solid #5f5f5f;
    margin: 8px 17px;
    padding: 3px;

}

.chances img.rank,
.raffle-users img.rank {
    width: 25px;
    position: absolute;
    right: 14px;
    top: 8px;
}

.ava img.rank {
    width: 25px;
    position: absolute;
    right: -5px;
    top: -2px;
}

.chances li {
    display: inline-block;
    background: var(--color-primary-dark);
    border-radius: 6px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    /* max-width:120px; */
    width: 90px;
    height: 120px;
    /* -webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);
box-shadow:0 0 5px rgba(0,0,0,0.35); */
}

.raffle-users li {
    display: inline-block;
    background: var(--color-primary-dark);
    border-radius: 10px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    width: 95px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

.raffle-history h4 {
    text-align: center;
    margin: 25px 0 10px;
    font-size: 1.2rem;
    font-weight: 400;
}

.raffle-bank .myicon-coins {
    font-size: 18px;
}

#raffle-price {
    font-weight: 700;
    font-size: 18px;
}

#winner-tickets-value {
    font-size: 18px;
}

.winner-block {
    font-weight: 400;
    margin-top: 15px;
    line-height: 1.65;
    display: none;
}

.winner-name span {
    color: #fff;
    font-size: 16px;
}

.winner-prize span {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.winner-prize span.myicon-coins {
    font-weight: 400;
    color: var(--color-accent);
}

.winner-tickets span {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.winner-tickets span.myicon-ticket-raffle {
    color: #00de09;
    font-size: 18px;
    font-weight: 400;
}

/* .chances span {
display:block;
text-align:center;
font-size:14px;
font-weight: 800;
color:#cdcdcd;
height:30px;
} */

.raffle-users span {
    display: block;
    text-align: center;
    height: 15px;
    font-size: 14px;
}

.raffle-users span.raffle-history-win {
    color: var(--color-accent);
}

.raffle-users span.raffle-history-date {
    font-size: 12px;
    margin: 7px 0;
    font-weight: 100;
}

.chances color {
    height: 3px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.timer {
    position: relative;
    height: 60px;
    margin: 20px 0 15px 0;
}

.timer .timer-title {
    text-align: center;
    padding: 5px 0 0 0;
    color: #cdcdcd;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.timer .timer-bar {
    width: 100%;
    background-color: #303240;
    border-radius: 3px;
    height: 2px;
    margin: 20px 0;
    text-align: center;
    position: relative;
}

.timer .timer-bar-fill {
    height: 2px;
    display: block;
    background: -o-linear-gradient(right, var(--color-accent), #009688);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-accent)), to(#009688));
    background: linear-gradient(to left, var(--color-accent), #009688);
    border-radius: 3px;
    width: 0;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
    transition: width 1s linear;
}

.timer .timer-bar .time {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: -16px;
}

.timer .timer-bar .time .elements {
    width: 120px;
    margin: 0 auto;
    background: var(--color-dark-button-hover);
    border-radius: 4px;
}

.timer .timer-bar .time .elements .minsec {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    line-height: 1.5;
}

.timer .timer-bar .time .elements .ms {
    color: hsla(0, 0%, 100%, .6);
}

.jackpot .roulette {
    height: 94px;
    padding: 7px 10px;
    position: relative;
    background: var(--color-primary-dark);
    border-radius: 7px;
    margin-bottom: 15px;
}

.jackpot .roulette .list {
    height: 100%;
    /* padding: 8px 0; */
    overflow: hidden;
    position: relative;
}

.jackpot .roulette p {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden;
    /* border: 3px solid #3e3e3e; */
    margin-right: 10px;
    position: relative;
}

.jackpot .roulette p img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.jackpot .roulette p color {
    height: 4px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.jackpot .roulette .overview {
    width: 99999px;
    margin-left: -161px;
}

.jackpot .roulette .pointer {
    height: 94px;
    width: 3px;
    background: var(--color-accent);
    position: absolute;
    left: 50%;
    z-index: 50;
    top: 0px;
}

/* .jackpot .roulette .pointer:before{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: -12px;
    left: -6px;
    transform: rotate(90deg);
    background-size: cover;
    background-image: url(http://192.168.1.55next.svg);
}
.jackpot .roulette .pointer:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    bottom: -12px;
    left: -6px;
    transform: rotate(-90deg);
    background-size: cover;
    background-image: url(http://192.168.1.55next.svg);
} */
.jackpot .roulette .fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}



.game-container_wallet {
    background: var(--color-secondary-bg);
    border-radius: 12px;
    color: #cdcdcd;
}

.wallet-header {
    display: flex;
    justify-content: space-around;
    background: var(--color-primary-dark);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: 1px solid var(--color-main-border);
    /* padding: 0px 20px; */
}

.wallet-header__item {
    display: block;
    padding: 15px 20px;
    flex: 1;
    text-align: center;
    position: relative;
    transition: .2s color;
}

.wallet-header__item:hover {
    cursor: pointer;
    color: #fff;
}

.wallet-header__item.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--color-accent);
}

.wallet-body {
    display: flex;
    width: 100%;
}

.wallet-sidebar {
    flex: 1;
    padding: 25px;
    border-right: 1px solid var(--color-primary-hover);
}

.wallet-area {
    flex: 2;
    padding: 25px;
}

.wallet-options__item {
    display: flex;
    align-items: center;
    border: 1px solid #404040;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    outline: none;
    position: relative;
}

.wallet-options__item:hover,
.wallet-options__item.active {
    border-color: var(--color-accent);
    cursor: pointer;
}


.wallet-options__item.active .wallet-options__item-comission {
    background: var(--color-accent);
    color: #fff;

}

.wallet-options__item-image {
    display: flex;
    align-items: center;
    height: 40px;
    width: 40px;
    justify-content: center;
    margin-right: 10px;
    background: var(--color-primary-dark);
}

.wallet-options__item-image img {
    max-width: 100%;
    height: 22px;
}

.wallet-options__item-name {
    font-size: 13px;
    color: #fff;
    text-align: left;
}

.wallet-options__item-comission {
    margin-left: auto;
    margin-right: 11px;
    font-size: 12px;
    color: #908f8f;
    background: var(--color-semi-dark);
    padding: 2px 5px;
    border-radius: 3px;
    width: 25px;
    height: 18px;
    position: relative;
}

.wallet-options__item-comission__checked {
    display: none;
}

.wallet-options__item-comission__checked:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wallet-options__item.active .wallet-options__item-comission__value-wrapper {
    display: none;
}

.wallet-options__item.active .wallet-options__item-comission__checked {
    display: block;
}

.wallet-sidebar__header {
    margin-bottom: 10px;
}

.payment-promo {
    display: none;

}


.wallet-area-select {
    margin-top: 10px;
    display: none;
}

.wallet-area__payway {
    display: flex;
    align-items: center;
}

.wallet-area__payway-image {
    width: 20px;
    margin-left: 10px;
    margin-right: 5px;
}

.wallet-area__payway-name {
    color: #fff;
}

.wallet-area__delimiter {
    display: flex;
    justify-content: center;
    margin: 15px 0;
    overflow: hidden;
    position: relative;
}

.wallet-area__delimiter::before {
    content: '';
    position: absolute;
    width: 100%;
    background: var(--color-primary-hover);
    height: 1px;
    left: 0;
    top: 50%;
}

.wallet-area__delimiter_item {
    background: var(--color-secondary-bg);
    position: relative;
    z-index: 55;
    padding: 0 20px;
    font-size: 10px;
    color: #585858;
    font-weight: 800;
}

.wallet-area__payway-image {
    width: 20px;
    display: inline-block;
}

.wallet-area__payway-image img {
    max-width: 100%;
}

.sum-options {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -5px 5px -5px;
}

.sum-option-wrapper {
    width: 25%;
    padding: 5px;
}

.sum-option {
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #404040;
    color: #b9b9b9;
    /* width: 25%; */
    width: 100%;
    border-radius: 8px;
    height: 42px;
    font-weight: 500;
    font-size: 16px;
}

.sum-option:hover {
    border-color: var(--color-accent);
    color: #fff;
    cursor: pointer;
    /* border-width: 2px; */
}

.sum-option.active {
    border-color: var(--color-accent);
    color: #fff;
}

.sum-option__currency {
    font-size: 12px;
}

.wallet-input-wrapper {
    position: relative;
}

.payment-field {
    flex: 1;
}

.payment-field label {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px;
    display: inline-block;
}

.payment-promocode-call {
    color: #adadad;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
    border-bottom: 1px dashed;
}

.payment-promocode-call:hover {
    color: #fff;
    cursor: pointer;
}

.payment-result__row {
    display: flex;
    font-size: 12px;
    color: #adadad;
    margin-bottom: 5px;
}

.payment-fake-row {
    flex: 1;
    margin-right: 10px;
}

.payment-result__row_finish {
    font-weight: 800;
    font-size: 14px;
    margin-top: 7px;
}

.payment-result__row_finish .payment-result__row-label {
    text-transform: uppercase;
}

.payment-result__row-value {
    color: #fff;
    /* flex: 1; */
    /* text-align: right; */
    position: relative;
}

.payment-result__row-dots {
    flex: 1;
    /* border-bottom: 1px dotted #484848; */
    /* margin: 0 7px; */
    /* transform: translateY(-2px); */
}

.payment-raffle {
    margin-top: 25px;
    color: #adadad;
    display: flex;
    align-items: center;
}

.payment-raffle__title {
    font-size: 16px;
    margin-bottom: 5px;
    color: #cdcdcd;
}

.payment-raffle__description {
    font-size: 12px;
}

.payment-raffle__description b {
    color: #fff;
    font-weight: 400;
}

.payment-raffle__left {
    font-size: 60px;
    margin-right: 15px;
    color: var(--color-green);
}

.confirm-wallet {
    background: var(--color-secondary-bg);
    font-size: 18px;
    line-height: 1.75;
    padding: 10px 25px;
    color: #fff;
    outline: none;
    border-radius: 4px;
    min-width: 215px;
    display: block;
    word-break: break-all;
}

.confirm-buttons {
    display: flex;
    justify-content: center;
}

.confirm-wallet-button {
    display: block;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--color-main-border);
    color: #cdcdcd;
    padding: 12px 15px;
    margin: 12px 5px 0 5px;
    border-radius: 8px;
    font-size: 13px;
    flex: 1;
    cursor: pointer;
}

.confirm-wallet-button:hover {
    color: #fff;
}

.confirm-wallet-go {
    background: var(--color-green);
    color: #fff;
    border-color: var(--color-green);
}

.confirm-wallet-go:hover {
    background: #33b12a;
    border-color: #33b12a;
}

.confirm-wallet-edit {
    background: var(--color-yellow);
    color: #fff;
    border-color: var(--color-yellow);
}

.confirm-wallet-edit:hover {
    background: #d1990c;
    border-color: #d1990c;
}

.game-sidebar__play-button.game-sidebar__play-button_green {
    width: 100%;
    margin-top: 15px;
    /* background: var(--color-green); */
    background: var(--gradient-green);
    color: var(--color-white);
    /* background: linear-gradient(45.87deg,#89C763 0%, #0E9347 100%); */
}

.game-sidebar__play-button.game-sidebar__play-button_red {
    width: 100%;
    margin-top: 15px;
    /* background: var(--color-green); */
    background: var(--rank-gradient-red);
    color: var(--color-white);
    /* background: linear-gradient(45.87deg,#89C763 0%, #0E9347 100%); */
}

.game-sidebar__play-button.game-sidebar__play-button_red:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(241, 30, 30, 0.3);
    box-shadow: 0 0 15px 0 rgba(241, 30, 30, 0.3);
    cursor: pointer;
}

.game-sidebar__play-button.game-sidebar__play-button_green:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(58, 196, 48, .3);
    box-shadow: 0 0 15px 0 rgba(58, 196, 48, .3);
    cursor: pointer;
}

.game-sidebar__play-button_green.slots-auto-game {
    margin-top: 0;
}

.game-sidebar__play-button_green.plinko-auto-game {
    margin-top: 0;
}

.active-badge {
    position: relative;
}

.active-badge:before {
    content: '';
    position: absolute;
    right: 3px;
    top: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #2aff38;
    -webkit-box-shadow: 0 0 4px 2px rgba(29, 191, 72, 0.5);
    box-shadow: 0 0 4px 2px rgba(29, 191, 72, 0.5);
}

.active-badge_mobile:before {
    right: -10px;
}

/* .new-badge_header:before {
    top: -11px;
} */

.new-badge {
    position: relative;
}

.new-badge:before {
    content: 'new';
    position: absolute;
    background: red;
    font-size: 10px;
    padding: 2px 3px;
    border-radius: 4px;
    color: #fff;
    font-weight: 800;
    right: -6px;
    top: -2px;
    z-index: 5;
}

.new-badge_header:before {
    top: -11px;
}

.new-badge-mobile {
    position: relative;
}

.new-badge-mobile:before {
    content: 'new';
    position: absolute;
    background: red;
    font-size: 10px;
    padding: 2px 3px;
    border-radius: 4px;
    color: #fff;
    font-weight: 800;
    left: 23px;
    top: 4px;
    z-index: 5;
}

/* .payment-result__row-value:before{
    content: '';
    position: absolute;
    height: 1px;
    left: 7px;
    right: 10px;
    bottom: 2px;
    border-bottom: 1px dotted #585858;
} */
.payment-total__first-row {
    display: flex;
}

.payment-total__second-row {
    display: flex;
    margin-top: 10px;
}

.promo-column {
    flex: 1;
    margin-right: 10px;
}

.payment-result {
    flex: 1;
    margin-top: 5px;
}

.payment-total {
    border: 2px solid var(--color-green);
    padding: 20px;
    background: var(--color-secondary-bg);
    border-radius: 10px;
}

.payment-sum {
    margin-right: 10px;
}


.game-sidebar__input_dark.success {
    border-color: var(--color-green);
}

.game-sidebar__input_dark.success:focus {
    border-color: var(--color-green);
}

.wallet-input-currency {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #9c9c9c;
    font-size: 14px;
    padding-bottom: 1px;
    pointer-events: none;
}

.wallet-input-success {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-green);
    display: none;
}

.wallet-input-success.active {
    display: block;
}

.wallet-input-success:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 4px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.game-container_anounce {
    margin-bottom: 25px;
}

.anounce__freespins {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    background: var(--gradient-main-dark);
    border-radius: 15px;
    overflow: hidden;
}

.anoounce__left {
    margin: 15px 0 15px 40px;
    position: relative;
    z-index: 2;
    color: var(--color-gray);
}

.anounce__title {
    margin-bottom: 15px;
    max-width: 450px;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    color: var(--color-white);
}

.anounce__highlight {
    color: var(--color-yellow);
    white-space: nowrap; display: flex; align-items: center; gap: 7px;
}

.anounce__highlight-icon {
    width: 30px;
}

.anounce__description {
    max-width: 450px;
    font-weight: 400;
    font-size: 13px;
    line-height: 155%;
    display: flex;
    align-items: center;
}

.anounce__image {
    position: absolute;
    right: 0;
    left: calc(55%);
    height: 100%;
    background: url(freespin_anounce.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-size: 600px;
    z-index: 1;
    background-position: left 52%;
}

.arrowed-list li::before {
    content: " \2192";
    margin-right: 10px;
    font-size: 10px;
    color: var(--color-white);
}

.p2p_transborder {
    display: none;
}

.h2h_sbp_bank_image {
    width: 45px;
    border-radius: 50%;
}

.anounce__description ul li {
    color: var(--color-silver);
}

.crypto-card-instruction {
    line-height: 1.6;
}

.crypto-card-instruction ul li {
    margin-bottom: 15px;
}

.crypto-card-instruction {
    font-size: 14px;
    margin-top: 10px;
}

.blue-link {
    color: var(--color-blue);
    /* border-bottom: 2px dotted var(--color-blue); */
    font-weight: bold;
}
.yt_link {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #97302e;
    justify-content: flex-start;
    width: auto;
    padding: 7px 15px;
    border-radius: var(--border-radius-small);
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}
.yt_link svg {
    width: 32px;
}
.green-link {
    color: #619420;
    /* border-bottom: 2px dotted #619420; */
    font-weight: bold;
}
.withdraw-wallet-field {
    margin-top: 10px;
}

.withdraw-result__row {
    flex: 1;
}

.payment-field-label {
    position: relative;
}

.info-block {
    color: #fff;
    margin: 10px 0 25px 0;
    padding: 15px 10px;
    background: var(--color-primary-dark);
    font-size: 13px;
    border-radius: 5px;
    border-left: 5px var(--color-accent) solid;
    line-height: 1.5;
}

.info-block .info-block-what {
    font-weight: 800;
}

.withdraw__rate {
    display: none;
}

.info-tip {
    color: #fff;
    font-size: 10px;
    background: var(--color-accent);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -26px;
    top: -4px;
    cursor: pointer;
    position: absolute;
}

.info-tip.hidden {
    display: none;
}

.info-tip:hover {
    background: #e7b100;
}

.bonus-tip {
    color: #fff;
    font-size: 10px;
    background: var(--color-accent);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}



.user-profile-full-stats.user-profile-full-stats_dark {
    background: var(--color-secondary-bg);
    width: 100%;
    padding: 0;
}

.user-profile-full-stats.user-profile-full-stats_dark .user-profile-caregories {
    background: var(--color-primary-dark);
    height: 60px;
    align-items: center;
    border-bottom: none;
}

.user-profile-full-stats.user-profile-full-stats_dark .user-profile-caregories__category_active {
    color: #fff;
    background: var(--color-accent);

}

.user-profile-full-stats.user-profile-full-stats_dark .user-profile-caregories__category {
    padding: 8px 15px;
    margin-right: 10px;
    border-radius: 5px;
}

.user-profile-full-stats.user-profile-full-stats_dark .user-profile-full-stats__content {
    padding: 5px 25px 10px;
}



.crypto__rows {
    display: none;
    position: relative;
    margin-bottom: 50px;
}

.crypto__loader {
    min-height: 200px;
}

.crypto-options {
    margin-top: 20px;
    display: grid;
    grid-gap: 7px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.crypto-option {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    background: var(--color-primary-dark);
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;

}

.crypto-option_selected {
    border: 2px solid var(--color-accent);
}

.crypto-icon {
    width: 23px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crypto-icon img {
    max-width: 100%;
}


.crypto-wallet {
    position: relative;
    min-height: 200px;
}

.crypto-warning {
    color: #fff;
    padding: 15px 10px;
    background: var(--color-primary-dark);
    font-size: 13px;
    border-radius: 5px;
    border-left: 5px var(--color-accent) solid;
    line-height: 1.7;
}

.crypto-qr {
    display: flex;
    align-self: center;
    margin-top: 30px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--color-main-border);
}
/* .crypto-qr img {
    border-radius: 10px;
} */

.crypto-min-sum {
    white-space: nowrap;
}

.crypto-name {
    font-size: 13px;
}

.your-code.crypto__wrapper {
    align-items: flex-start;
}

.your-code.crypto__wrapper .form-promocode{
   max-width: 100%;
}

.your-code.crypto__wrapper .referal-link{
    max-width: 100%;
 }

 .crypto-hint {
    color: var(--color-semi-gray);
    font-size: 12px;
    margin-top: 10px;
    font-weight: 500;
 }

 .crypto-min-sum {
    color: #ff4b4b;
    font-weight: 800;
 }

.raffle .roulette {
    height: 150px;
    padding: 0 10px;
    position: relative;
}

.raffle .roulette .list {
    height: 120px;
    padding: 21px 0;
    overflow: hidden;
    position: relative;
}

.raffle .roulette p {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid var(--color-primary-dark);
    margin-right: 10px;
    position: relative;
}

.raffle .roulette p img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.raffle .roulette p color {
    height: 4px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.raffle .roulette .overview {
    width: 99999px;
    margin-left: -161px;
}

.raffle .roulette .pointer {
    height: 120px;
    width: 4px;
    background: var(--color-accent);
    position: absolute;
    left: 50%;
    z-index: 999999;
}

.raffle .roulette .fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}

.chouser {
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}

.chouser .carousel {
    width: 700000px;
    height: 80px;
    font-size: 0;
}

.chouser .carousel p {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    border-radius: 5px;
    overflow: hidden;
}

.chouser .carousel p img {
    float: left;
    width: 80px !important;
    height: 80px !important;
}

.chouser .carousel p color {
    height: 3px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.chouser .picker {
    height: 80px;
    width: 4px;
    background: #3093e4;
    position: absolute;
    left: 50%;
    margin-top: -80px;
    z-index: 999999;
}

.winner {
    text-align: center;
    margin-bottom: 15px;
    background: -o-linear-gradient(bottom, var(--color-primary-dark), transparent);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--color-primary-dark)), to(transparent));
    background: linear-gradient(to top, var(--color-primary-dark), transparent);
    padding: 13px;
    border-bottom: 3px solid var(--color-accent);
    color: #cdcdcd;
}

.winner ul li .winner-w .points b,
.winner ul li .winner-w .points i {
    color: var(--color-accent);
}

.jackpot .check-random {
    margin: 10px 0;
}

.winner a {
    padding: 10px 14px;
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    height: 100%;
}

.winner a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 1px 0 20px 0 rgba(255, 193, 7, 0.5);
}

.winner ul {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
}

.winner ul li {
    position: relative;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    text-align: center;
}

.winner ul li .chance-w {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
}

.winner ul li .chance-w .titles {
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    height: 21px;
    display: block;
    font-weight: 400;
}

.winner ul li .chance-w .chance {
    font-size: 17px;
    height: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--color-accent);
}

.winner ul li .winner-w {
    text-align: left;
}

.winner ul li .winner-w .ava {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.winner ul li .winner-w .ava img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
}

.winner ul li .winner-w .nickname {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    max-width: 180px;
    padding: 22px 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-left: 65px;
}

.winner ul li .winner-w .points {
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.winner ul li .ticket-w {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
}

.winner ul li .ticket-w .titles {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    height: 21px;
    display: block;
}

.promo-cancel {
    font-size: 7px;
    color: #f00;
    border-bottom: 1px #f00 dashed;
    padding: 4px;
    font-weight: bold;
    margin-left: 5px;
    cursor: pointer;
}

.wager-info {
    color: #fff;
    font-size: 8px;
    padding: 3px;
    margin-left: 3px;
    cursor: help;
}

.payment-result__row.hidden {
    display: none;
}

.winner ul li .ticket-w .ticket {
    font-size: 17px;
    height: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #3aca5b;
}

.bet-input {
    position: relative;
    text-align: center;
    margin: 10px 0 15px;
}

.double-right .bet-input {
    margin-bottom: 30px;
}

.bet-input .value {
    display: inline-block;
    width: 100%;
    position: relative;
}

.double-button .bet-amount {
    font-weight: 400;
    font-size: 1.2rem;
}

.bet-input .value input,
.bet-input .autoout input {
    background: var(--color-primary-dark);
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    width: 100%;
    border: solid 1px var(--color-accent);
    min-width: 120px;
}

.bet-input .value i {
    color: #cdcdcd;
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
}

.bet-input .autoout {
    display: inline-block;
    width: 180px;
    position: relative;
}

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

.crash-game .flex-wrap>* {
    margin-left: 10px;
}

.crash-game .flex-wrap> :first-child {
    margin-left: 0;
}

.bet-input .autoout i {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
    color: #cdcdcd;
}

.bet-input .upper {
    display: inline-block;
    line-height: 3;
    margin-top: 10px;
}

.bet-input .upper a {
    padding: 7px;
    background: var(--color-primary-dark);
    border-radius: 2px;
    color: #cdcdcd;
    cursor: pointer;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    font-weight: 400;
}

.bet-input .upper a:hover {
    background: var(--color-accent);
    color: #fff;
}

.games-table__header-th_with-submenu {
    position: relative;
}

.bet-input .upper i {
    display: contents;
}

.jackpot .bet-input .flex-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.jackpot .bet-input .makeBet {
    margin-left: 15px;
}

.bet-input .makeBet {
    padding: 15px 20px;
    border: none;
    text-decoration: none;
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    height: 100%;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.modal-dialog.wide-modal .modal {
    width: 100%;
}

.bet-input .makeBet:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.double-loop {
    font-weight: 700;
    max-width: 860px;
    margin: 20px auto;
    width: 100%;
    padding: 16px;
    overflow: hidden;
    padding: 30px;
    border-radius: 15px;
    background: var(--color-secondary-bg);
}

.user-profile-full-stats__error {
    margin-top: 15px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: none;
}

.user-profile-full-stats__error_no-games {
    margin-top: 15px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: none;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

/* misc */
.wide-container {
    position: relative;
    margin: 20px auto;
    max-width: 1400px;
    width: 100%;
}

.management-sidebar {
    min-width: 215px;
    background: var(--color-secondary-bg);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.management-nav-link {
    font-size: 14px;
    display: block;
    padding: 15px;
}

.management-nav-link.active {
    border-left: 3px solid var(--color-accent);
    background: var(--color-dice-slider);
}

.management-nav-link-tip {
    line-height: 1;
    padding: 2px 4px;
    background: #0e9980;
    color: #fff;
    font-weight: 800;
    border-radius: 3px;
    font-size: 11px;
    display: inline-block;
    margin-left: 3px;
    transform: translateY(-10px);
}

.game-container {
    position: relative;
    margin: 0 auto 15px auto;
    max-width: 1200px;
    width: 100%;
}

.game-area {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.game-area__profile {
    flex-direction: column;
}

.game-sidebar {
    min-width: 305px;
    max-width: 305px;
    background: var(--color-secondary-bg);
    min-height: 500px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}

.game-sidebar__short {
    min-height: 440px;
}

.game-sidebar__profile {
    background: none;
    min-height: auto;
    border-radius: 0;
}

.game-sidebar__heading {
    width: 100%;
    padding: 15px 25px;
    font-size: 14px;
    background: var(--color-primary-dark);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #fff;
}

.game-sidebar__body {
    padding: 20px 15px;
    flex: auto;
}

.game-sidebar__input-wrapper {
    position: relative;
    margin-top: 25px;
}

.game-sidebar__input-wrapper_no-margin {
    margin-top: 0;
}

.game-sidebar__play-button-wrapper {
    margin-top: 25px;
}

.game-sidebar__input {
    width: 100%;
    display: block;
    border: solid 1px #424242;
    background: var(--color-primary-dark);
    font-size: 16px;
    /* height: 45px; */
    line-height: 45px;
    padding: 0 12px;
    color: #fff;
    outline: none;
    border-radius: 8px;
}

.game-sidebar__input_darker {
    background: var(--color-secondary-bg);
}

.disputes__area {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.user-dispute__row {
    color: var(--color-semi-gray);
    margin-bottom: 12px;
    line-height: 1.6;
}

.user-dispute {
    background: var(--color-dark-panel);
    border-radius: var(--border-radius-common);
    padding: 12px;
}


.user-dispute__row_image {
    max-width: 500px;
    min-width: 340px;
}

.user-dispute__row:last-of-type {
    margin-bottom: 0;
}

.user-dispute__row:hover .extra-copy {
    color: #fff;
}

.row__value {
    color: #fff;
    font-weight: 500;
}

.dispute__status_created {
    color: var(--color-silver);
}

.dispute__status_active {
    color: var(--color-blue);
}

.dispute__status_progress {
    color: var(--color-accent);
}

.dispute__status_success {
    color: var(--color-green);
}

.dispute__status_decline {
    color: var(--color-light-red);
}



.popup-input-block {
    display: flex;
}

.popup-input {
    width: 100%;
    display: block;
    border: 1px solid transparent;
    background: var(--color-secondary-bg);
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    color: #fff;
    outline: none;
    border-radius: 8px 0 0 8px;
    touch-action: manipulation;
    overflow: auto;
}

.popup-input:focus {
    border: 1px solid var(--color-accent);
}

.popup-input.popup-input-rounded {
    border-radius: 8px;
}

.popup-textarea {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    display: block;
    border: 1px solid transparent;
    background: var(--color-secondary-bg);
    font-size: 14px;
    line-height: 1.5;
    padding: 12px;
    color: #fff;
    outline: none;
    border-radius: 8px;
    touch-action: manipulation;
    overflow: auto;
}

.dice-target-sign {
    font-size: 14px;
}

.popup-copy {
    outline: none;
    border: none;
    border-radius: 0 8px 8px 0;
    padding: 0 15px;
    padding-top: 2px;
    font-size: 16px;
    color: #cdcdcd;
    background: var(--color-secondary-bg);
}

.popup-copy:hover {
    background: #0e0e0e;
    cursor: pointer;
}

.game-sidebar__input:focus {
    border-color: var(--color-accent);
}

.game-sidebar__input.hasErrors {
    border-color: #ff4b4b;
}

.game-sidebar__input.hasErrors:focus {
    border-color: #ff4b4b;
}

.game-sidebar__input-label {
    font-size: 13px;
    color: #cdcdcd;
    margin-bottom: 7px;
    display: block;
}

.game-sidebar-hide-desktop {
    display: none;
}

.game-sidebar__input-helper {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.game-sidebar__input-helper-action {
    background: var(--color-primary-dark);
    margin: 0px 0px;
    text-align: center;
    line-height: 30px;
    flex: auto;
    font-size: 12px;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-right: 1px solid var(--color-secondary-bg);
    color: #cdcdcd;
}

.game-sidebar__input-helper-action:hover {
    background: var(--color-primary-hover);
    cursor: pointer;
}

.game-sidebar__input-helper-action:first-of-type {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.game-sidebar__input-helper-action:last-of-type {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: none;
}

.game-sidebar__input-helper-action:disabled {
    opacity: 0.8;
    pointer-events: none;
}



.game-sidebar__set-action {
    background: var(--color-primary-dark);
    margin: 0px 0px;
    text-align: center;
    line-height: 30px;
    flex: auto;
    font-size: 12px;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-right: 1px solid var(--color-secondary-bg);
    color: #cdcdcd;
}

.game-sidebar__set-action:hover {
    background: var(--color-primary-hover);
    cursor: pointer;
}

.game-sidebar__set-action:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.game-sidebar__set-action:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: none;
}

.game-sidebar__set-action:disabled {
    opacity: 0.8;
    pointer-events: none;
}

.opacity8 {
    opacity: 0.8;
}

.ping-block {
    position: absolute;
    top: 5px;
    right: 19px;
    font-size: 12px;
    background: var(--color-primary-dark);
    border-radius: 4px;
    color: #fff;
    padding: 5px;
}

.game-sidebar__input:disabled {
    opacity: 0.8;
}

.game-sidebar__input-relative-wrapper_full-width {
    position: relative;
}

.game-sidebar__input-relative-wrapper {
    position: relative;
}

.game-sidebar__input_coins {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: #fff;
    font-size: 20px;
}



.game-sidebar__footer {
    padding: 20px 0;
    text-align: center;
    margin-top: auto;
}

.game-sidebar__footer-button {
    padding: 0 0px;
    width: 100px;
    height: 32px;
    line-height: 33px;
    border-radius: 8px;
    color: #999999;
    font-size: 15px;
    background: none;
    border: 1px solid var(--color-main-border);
    margin: 0 5px;
    transition: .2s all ease;
}

.game-sidebar__footer-button:hover {
    background: var(--color-primary-dark);
    color: #fff;
    cursor: pointer;
}

.game-sidebar__footer-button_small {
    width: 80px;
    margin: 0 3px;
}

.game-sidebar__footer-button_round {
    width: 32px;
    border-radius: 50%;
}

.game-sidebar__footer-button_mini {
    width: 60px;
    margin: 3px 3px;
}

.game-sidebar__fair-trigger {
    font-size: 16px;
}

button {
    touch-action: manipulation;
    user-select: none;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.game-sidebar__number-input-wrapper {
    position: relative;
}

.game-sidebar__number-input__counter {
    position: absolute;
    right: 1px;
    height: 50%;
    width: 20px;
    border: none;
    outline: none;
    background: var(--color-primary-dark);
}

.game-sidebar__number-input__counter_plus {
    border-top-right-radius: 4px;
    top: 1px;
    border-bottom: 1px solid var(--color-primary-hover);
}

.game-sidebar__number-cnt-icon {
    display: block;
    font-size: 11px;
    color: #cdcdcd;
}

.game-sidebar__number-up {
    transform: rotate(180deg);
}

.game-sidebar__number-input__counter_minus {
    border-bottom-right-radius: 4px;
    bottom: 1px;
}

.game-area-wrapper {
    position: relative;
}

.auth-btn {
    padding: 0 20px;
    border: none;
    background: var(--color-accent);
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    line-height: 38px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.auth-btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(255, 193, 7, 0.3);
    box-shadow: 0 0 15px 0 rgba(255, 193, 7, 0.3);
    cursor: pointer;
}

.text-button {
    border: none;
    border-bottom: 1px dashed var(--color-accent);
    background: none;
    color: var(--color-accent);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* height: 100%; */
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.text-button:hover {
    cursor: pointer;
    color: #e0ac00;
}

.game-sidebar__play-button {
    padding: 15px 20px;
    border: none;
    background: var(--gradient-yellow);
    border-radius: 8px;
    color: var(--color-black);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* height: 100%; */
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;

    touch-action: manipulation;
}

/* .dark_btn:after, */
.game-sidebar__play-button:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    border-radius: 8px;
    border: 2px solid transparent;
    background: var(--border-yellow) border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.game-sidebar__play-button.game-sidebar__play-button_red:after {
    background: var(--border-red) border-box;
}

.game-sidebar__play-button.game-sidebar__play-button_green:after {
    background: var(--border-green) border-box;
}

.game-sidebar__play-button.game-sidebar__play-button_flat:after {
    content: none;
}

.game-sidebar__play-button_full_width {
    width: 100%;
}

.game-sidebar__play-button:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(255, 193, 7, 0.3);
    box-shadow: 0 0 15px 0 rgba(255, 193, 7, 0.3);
    cursor: pointer;
}

.confirm-wallet-discard{
    background: #FF0000;
    color: #fff;
    border-color: #FF0000;
}

.games-list {
    margin-bottom: 7px;
}

.promocode-block {
    margin: 15px auto;
}

.form-promocode {
    align-items: center;
    width: 100%;
    display: flex;
    max-width: 500px;
    margin: auto;
}

.crash-bet__win_hidden {
    visibility: hidden;
    opacity: 0;
}

.active-game-bonus {
    margin-right: 5px;
    text-transform: capitalize;
}

.game-sidebar__play-button_inactive {
    opacity: 0.7;
}

.game-sidebar__play-button_inactive:hover {
    cursor: help;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.game-sidebar__play-button:disabled {
    pointer-events: none;
}

.game-footer {
    background: var(--color-primary-dark);
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.game-sidebar__play-button_mobile {
    width: 50%;
    display: none;
}


.game-component {
    background: var(--color-secondary-bg);
    min-height: 500px;
    width: 100%;
    border-radius: 12px;
    margin-left: 8px;
    min-width: 0;
}

.game-component__short {
    min-height: 440px;
}

.game-component__profile {
    background: none;
    min-height: auto;
    border-radius: 0;
}

.game-area_mines {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    height: 100%;
}


.outcome-window {
    position: absolute;
    z-index: 50;
    background: var(--color-outcome-window);
    padding: 20px 40px;
    border-radius: 12px;
    border: 2px solid #44d13a;
    display: none;
}

.outcome-window_slots {
    visibility: hidden;
    opacity: 0;
    display: block;
    transition: all .2s ease;
}

.outcome-window.active {
    display: block;
    visibility: visible;
    opacity: 1;
}

.outcome-window_centered {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.outcome-window_top {
    top: 20px;
    left: 50%;
    margin-left: 10px;
    transform: translateX(-50%);
}

.crash-window-win .outcome-window__text {
    font-weight: 400;
}


.outcome-window__coeff {
    font-size: 36px;
    font-weight: 800;
    text-align: center;

}

.outcome-window_won__coeff {
    color: #44d13a;
}

.outcome-window__text {
    color: #b4b4b4;
    margin-top: 3px;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
}

.outcome-window_won-wrapper {
    color: #44d13a;
    font-size: 15px;
    font-weight: 500;
}

.winner-label {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-accent);
    color: #fff;
    padding: 5px 20px;
    font-size: 13px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.outcome-window_winner {
    width: 100%;
    text-align: center;
    border-radius: 10px;
    border-width: 2px;
    border-color: var(--color-accent);
    padding: 30px 40px 9px 40px;
}

.outcome-window_winner-wrapper {
    color: var(--color-accent);
    font-size: 15px;
    font-weight: 500;
}

.outcome-window_winner-tickets {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #868686;
    font-size: 12px;
    color: #43cb39;
}

.outcome-window_winner-name {
    font-size: 20px;
    margin-bottom: 3px;
    color: #fff;
}

.outcome-window_winner-field {
    color: #b4b4b4;
    margin-top: 3px;
    font-size: 13px;
}

.history-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 7px;
}

.history-card-wrapper {
    margin: 6px 0;
    padding: 0 5px;
    width: 33.333%;
}

.history-card {
    color: #cdcdcd;
    position: relative;
}

.history-card__top-side {
    display: flex;
    align-items: center;
    padding: 12px;
    background: var(--color-primary-dark);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
}

.history-card__top-side_image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 4px;
    border: 1px solid #fff;
    margin-right: 10px;
}

.history-card__top-side_image-wrapper {
    position: relative;
}

.history-card__top-side_image-rank {
    width: 25px;
    position: absolute;
    right: 6px;
    top: -2px;
}

.history-card__bottom-side {
    background: var(--color-dark-button-hover);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 12px 0;
    display: flex;
}

.history-card__username {
    font-size: 14px;
    color: #fff;
}

.history-param {
    flex: 1;
    text-align: center;
    font-weight: 500;
}

.history-param_ticket {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 11px;
}

.history-param_money {
    color: var(--color-accent);
}

.history-param_ticket {
    color: #43cb39;
}

.history-param_chance {
    color: #fff;
}

.jackpot-fair-check {
    margin-top: 5px;
    display: block;
    color: #43cb39;
    white-space: nowrap;
    border-bottom: 1px dashed;
    padding: 0;
    background: transparent;
    border-radius: 0;
    display: inline-block;
    line-height: normal;
    font-size: inherit;
    transition: .2s color;
}

.jackpot-fair-check:hover {
    border-bottom: 1px dashed transparent;
    color: #43c03a;
}

.double-field-wrapper {
    flex: auto;
    padding: 25px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.crash-field-wrapper {
    flex: auto;
    padding: 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.tower-field-wrapper {
    flex: auto;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.tower-field_coeffs {
    height: 100%;
}

.mines-field-wrapper {
    flex: auto;
    padding: 25px 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mines-field {
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.mines-cell {
    width: calc(20% - 6px);
    height: 100%;
    margin: 0px 3px 6px 3px;
    background: var(--color-accent);
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    position: relative;
}

.mines-cell:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.mines-cell:disabled {
    pointer-events: none;
    opacity: 1;
}

.mines-cell_last {
    margin-bottom: 0;
}

.mines-cell.revealing {
    background: #ffd344;
}

.mines-cell_revealed {
    background: #3a2e09;
    pointer-events: none;
}

.mines-cell_revealed.no-bg {
    background: var(--color-accent);
}

.tower-field .mines-cell:before {
    padding-top: 53%;
}

.mines-cell_revealed .mines-cell-content {
    animation: revealIconZoomInOut .6s;
}

.mines-cell-content {
    background-size: 0%;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateZ(0);
    will-change: background-size;
}

.mines-cell_revealed-after .mines-cell-content {
    opacity: 0.65;
    background-size: 50%;
    animation: none;
    transition: all .4s ease-in;
}

.mines-cell_revealed.no-bg .mines-cell-content {
    opacity: 0.65;
    transition: background-size .4s ease-in;
    /* animation: revealIconZoomInOutSmall .4s ease; */
    animation: none;
    background-size: 50%;

}

.mines-cell_revealed.no-bg.mines-cell_bomb .mines-cell-content {
    background-size: 50%;
}

.mines-cell-reveal-animation:before {
    content: '';
    width: 0px;
    height: 0px;
    opacity: 0;
    background: none;
    border: 1px solid #fff;
    display: block;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.mines-cell_revealed .mines-cell-reveal-animation:before {
    animation: revealCircleSmall .4s .25s linear;
}


.mines-cell_revealed.no-animated-circles .mines-cell-reveal-animation:before {
    animation: none;
}

.mines-cell-reveal-animation:after {
    content: '';
    width: 0;
    height: 0;
    opacity: 0;
    background: none;
    border: 2px solid #fff;
    display: block;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);

}

.mines-cell_revealed .mines-cell-reveal-animation:after {
    animation: revealCircleLarge .4s .25s linear;
}




.mines-cell_revealed.no-animated-circles .mines-cell-reveal-animation:after {
    animation: none;
}

.validation-wrapper {
    position: relative;
}

.validation-message.validation-message_active {
    display: inline;
}

.validation-message {
    position: absolute;
    z-index: 5;
    top: -29px;
    left: -2px;
    color: #ff4b4b;
    background: #0c0c0c;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 4px;
    display: none;
    white-space: nowrap;
}

.validation-message:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 5px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #0c0c0c;
}

.validation-message_bottom {
    bottom: -29px;
    top: auto;
}

.validation-message_bottom:before {
    top: -4px;
    bottom: auto;
    transform: rotate(180deg);
}

@keyframes revealCircleLarge {
    60% {
        width: 5px;
        height: 5px;
        opacity: 0.3;
    }

    80% {
        opacity: 1;
    }

    100% {
        width: 60px;
        height: 60px;
        opacity: 0;
    }

}

@keyframes revealCircleSmall {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        width: 25px;
        height: 25px;
        opacity: 0;
    }
}

@keyframes revealIconZoomInOutTowerSmall {
    0% {
        background-size: 0;
    }

    to {
        background-size: 32%;
    }
}

@keyframes revealIconZoomInOutSmall {
    0% {
        background-size: 0;
    }

    to {
        background-size: 50%;
    }
}


@keyframes revealIconZoomInOut {
    0% {
        background-size: 0;
    }

    60% {
        background-size: 72%;
    }

    85% {
        background-size: 54%;
    }

    to {
        background-size: 60%;
    }
}


@keyframes revealIconZoomInOutTower {
    0% {
        background-size: 0;
    }

    60% {
        background-size: 52%;
    }

    85% {
        background-size: 34%;
    }

    to {
        background-size: 40%;
    }
}

.chat__rules{
    color: var(--color-silver);
    padding-left: 10px;
}

.chat__rules li {
    list-style-type: disc;
    margin-top: 10px;
}

.text__box {
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--color-main-border);
    border-radius: 10px;
    color: var(--color-silver);
    gap: 10px;
}

.mines-cell_revealed:disabled {
    background: #3a2e09;
}

.mines-cell-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mines-cell_bomb .mines-cell-content {
    /* background-image: url('../images/bomb.svg'); */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIC0xNiA0OTYgNDk2IiB3aWR0aD0iNTEycHgiIGNsYXNzPSIiPjxnPjxnPjxwYXRoIGQ9Im0zOTIgNDAuMDAzOTA2YzIwLjQ4ODI4MS0yMC40ODgyODEgNDguMjgxMjUtMzIgNzcuMjU3ODEyLTMyaDIuNzQyMTg4YzguODM5ODQ0IDAgMTYgNy4xNTYyNSAxNiAxNiAwIDguODM5ODQ0LTcuMTYwMTU2IDE2LTE2IDE2LTIwLjQ4ODI4MSAwLTQwLjEzNjcxOSA4LjEzMjgxMy01NC42MjUgMjIuNjIxMDk0bC0xLjM3NSAxLjM3ODkwNiIgZmlsbD0iI2UzOTg1NCIgZGF0YS1vcmlnaW5hbD0iI0MxMjAyMCIgY2xhc3M9IiIgc3R5bGU9ImZpbGw6I0MxMjAyMCIgZGF0YS1vbGRfY29sb3I9IiNlMzk4NTQiLz48cGF0aCBkPSJtMzIwIDQ4LjAwMzkwNiA0MC00MCA5NiA5Ni00MCA0MCIgZmlsbD0iI2I4Y2JkOSIgZGF0YS1vcmlnaW5hbD0iI0NFMjAyMCIgY2xhc3M9IiIgc3R5bGU9ImZpbGw6I0NFMjAyMCIgZGF0YS1vbGRfY29sb3I9IiNiOGNiZDkiLz48cGF0aCBkPSJtNDQwIDI0MC4wMDM5MDZjMCAxMTkuMjkyOTY5LTk2LjcwNzAzMSAyMTYtMjE2IDIxNnMtMjE2LTk2LjcwNzAzMS0yMTYtMjE2YzAtMTE5LjI5Njg3NSA5Ni43MDcwMzEtMjE2IDIxNi0yMTZzMjE2IDk2LjcwMzEyNSAyMTYgMjE2em0wIDAiIGZpbGw9IiNjMTZiM2YiIGRhdGEtb3JpZ2luYWw9IiNBNjAxMDEiIGNsYXNzPSIiIHN0eWxlPSJmaWxsOiNBNjAxMDEiIGRhdGEtb2xkX2NvbG9yPSIjYzE2YjNmIi8+PHBhdGggZD0ibTQwMCAyMTYuMDAzOTA2YzAtNzAuMjg5MDYyLTMzLjU5Mzc1LTEzMi43MTQ4NDQtODUuNTg1OTM4LTE3Mi4xNjAxNTYtMjcuNTExNzE4LTEyLjcwNzAzMS01OC4xMTcxODctMTkuODM5ODQ0LTkwLjQxNDA2Mi0xOS44Mzk4NDQtMTE5LjI5Njg3NSAwLTIxNiA5Ni43MDMxMjUtMjE2IDIxNiAwIDcwLjI4NTE1NiAzMy41OTM3NSAxMzIuNzEwOTM4IDg1LjU4NTkzOCAxNzIuMTU2MjUgMjcuNTExNzE4IDEyLjcwNzAzMiA1OC4xMTcxODcgMTkuODQzNzUgOTAuNDE0MDYyIDE5Ljg0Mzc1IDExOS4yOTY4NzUgMCAyMTYtOTYuNzA3MDMxIDIxNi0yMTZ6bTAgMCIgZmlsbD0iI2UzOTg1NCIgZGF0YS1vcmlnaW5hbD0iI0MxMjAyMCIgY2xhc3M9IiIgc3R5bGU9ImZpbGw6I0MxMjAyMCIgZGF0YS1vbGRfY29sb3I9IiNlMzk4NTQiLz48cGF0aCBkPSJtMjg4IDEwNC4wMDM5MDZjMCAyNi41MDc4MTMtMjEuNDkyMTg4IDQ4LTQ4IDQ4cy00OC0yMS40OTIxODctNDgtNDhjMC0yNi41MTE3MTggMjEuNDkyMTg4LTQ4IDQ4LTQ4czQ4IDIxLjQ4ODI4MiA0OCA0OHptMCAwIiBmaWxsPSIjZmZmIiBkYXRhLW9yaWdpbmFsPSIjRkZGRkZGIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjZmZmIiBzdHlsZT0iZmlsbDojRkZGRkZGIi8+PHBhdGggZD0ibTIyNCA0NjQuMDAzOTA2Yy0xMjMuNTExNzE5IDAtMjI0LTEwMC40ODgyODEtMjI0LTIyNCAwLTEyMy41MTU2MjUgMTAwLjQ4ODI4MS0yMjQgMjI0LTIyNHMyMjQgMTAwLjQ4NDM3NSAyMjQgMjI0YzAgMTIzLjUxMTcxOS0xMDAuNDg4MjgxIDIyNC0yMjQgMjI0em0wLTQzMmMtMTE0LjY5NTMxMiAwLTIwOCA5My4zMDg1OTQtMjA4IDIwOCAwIDExNC42OTUzMTMgOTMuMzA0Njg4IDIwOCAyMDggMjA4czIwOC05My4zMDQ2ODcgMjA4LTIwOGMwLTExNC42OTE0MDYtOTMuMzA0Njg4LTIwOC0yMDgtMjA4em0wIDAiIGRhdGEtb3JpZ2luYWw9IiNGRkZGRkYiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiNGRkZGRkYiLz48cGF0aCBkPSJtNDIxLjY1NjI1IDE0OS42NTYyNS0xMS4zMTI1LTExLjMwODU5NCAzNC4zNDM3NS0zNC4zNDM3NS04NC42ODc1LTg0LjY5MTQwNi0zNC4zNDM3NSAzNC4zNDM3NS0xMS4zMTI1LTExLjMwODU5NCA0MC00MGMzLjEyODkwNi0zLjEyODkwNiA4LjE4MzU5NC0zLjEyODkwNiAxMS4zMTI1IDBsOTYgOTZjMy4xMjg5MDYgMy4xMjUgMy4xMjg5MDYgOC4xODM1OTQgMCAxMS4zMDg1OTR6bTAgMCIgZGF0YS1vcmlnaW5hbD0iI0ZGRkZGRiIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIvPjxwYXRoIGQ9Im0yMjQgNDMyLjAwMzkwNnYtMTZjOTcuMDQ2ODc1IDAgMTc2LTc4Ljk1MzEyNSAxNzYtMTc2aDE2YzAgMTA1Ljg2MzI4Mi04Ni4xMzY3MTkgMTkyLTE5MiAxOTJ6bTAgMCIgZGF0YS1vcmlnaW5hbD0iI0ZGRkZGRiIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIvPjxwYXRoIGQ9Im0yNDAgMTYwLjAwMzkwNmMtMzAuODcxMDk0IDAtNTYtMjUuMTIxMDk0LTU2LTU2IDAtMzAuODgyODEyIDI1LjEyODkwNi01NiA1Ni01NnM1NiAyNS4xMTcxODggNTYgNTZjMCAzMC44Nzg5MDYtMjUuMTI4OTA2IDU2LTU2IDU2em0wLTk2Yy0yMi4wNTQ2ODggMC00MCAxNy45NDE0MDYtNDAgNDAgMCAyMi4wNTQ2ODggMTcuOTQ1MzEyIDQwIDQwIDQwczQwLTE3Ljk0NTMxMiA0MC00MGMwLTIyLjA1ODU5NC0xNy45NDUzMTItNDAtNDAtNDB6bTAgMCIgZGF0YS1vcmlnaW5hbD0iI0ZGRkZGRiIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIvPjxwYXRoIGQ9Im00MjEuNjQ4NDM4IDY5LjY2NDA2Mi0xMS4yOTY4NzYtMTEuMzI0MjE4IDEuMzc1LTEuMzcxMDk0YzE2LjA5NzY1Ny0xNi4xMDE1NjIgMzcuNDk2MDk0LTI0Ljk2NDg0NCA2MC4yNzM0MzgtMjQuOTY0ODQ0IDQuNDE0MDYyIDAgOC0zLjU5Mzc1IDgtOCAwLTQuNDEwMTU2LTMuNTg1OTM4LTgtOC04aC0yLjc0MjE4OGMtMjcuMDUwNzgxIDAtNTIuNDgwNDY4IDEwLjUyNzM0NC03MS42MDE1NjIgMjkuNjUyMzQ0bC0xMS4zMTI1LTExLjMwODU5NGMyMi4xNTIzNDQtMjIuMTUyMzQ0IDUxLjU5Mzc1LTM0LjM0Mzc0OTc1IDgyLjkxNDA2Mi0zNC4zNDM3NDk3NWgyLjc0MjE4OGMxMy4yMzA0NjkgMCAyNCAxMC43NjU2MjQ3NSAyNCAyMy45OTk5OTk3NSAwIDEzLjIzMDQ2OS0xMC43Njk1MzEgMjQtMjQgMjQtMTguNDk2MDk0IDAtMzUuODg2NzE5IDcuMTk5MjE5LTQ4Ljk2ODc1IDIwLjI4NTE1NnptMCAwIiBkYXRhLW9yaWdpbmFsPSIjRkZGRkZGIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojRkZGRkZGIi8+PC9nPjwvZz4gPC9zdmc+Cg==");
    background-size: 60%;
}

.mines-cell_diamond .mines-cell-content {
    /* background-image: url('../images/diamond.svg'); */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyLjAwMSA1MTIuMDAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiBjbGFzcz0iIj48Zz48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojNjlFNzgxIiBwb2ludHM9IjQwMi45NzQsNDQuMDExIDI5OS4xODksNDQuMDExIDI1Ni4wMSw0NC4wMTEgMjEyLjgxMSw0NC4wMTEgMTA5LjAyNiw0NC4wMTEgMTAuMDM5LDE1Mi4zMjUgICAyNTUuOTksNDY3Ljk4OCAyNTYuMDEsNDY3Ljk4OCA1MDEuOTYxLDE1Mi4zMjUgIiBkYXRhLW9yaWdpbmFsPSIjRkZBQkNEIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjRkZBQkNEIi8+PGc+Cgk8cG9seWdvbiBzdHlsZT0iZmlsbDojMDBBRjgwIiBwb2ludHM9IjUwMS45NjEsMTUyLjMyNSAyNTYuMDEsNDY3Ljk4OCAzNzIuMTg0LDE1Mi4zMjUgICIgZGF0YS1vcmlnaW5hbD0iI0ZGNkJBNiIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiNGRjZCQTYiLz4KCTxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMEFGODAiIHBvaW50cz0iMzcyLjE4NCwxNTIuMzI1IDI1Ni4wMSw0NjcuOTg4IDI1NS45OSw0NjcuOTg4IDEzOS44MTYsMTUyLjMyNSAgIiBkYXRhLW9yaWdpbmFsPSIjRkY2QkE2IiBjbGFzcz0iIiBkYXRhLW9sZF9jb2xvcj0iI0ZGNkJBNiIvPgoJPHBvbHlnb24gc3R5bGU9ImZpbGw6IzAwQUY4MCIgcG9pbnRzPSIxMzkuODE2LDE1Mi4zMjUgMjU1Ljk5LDQ2Ny45ODggMTAuMDM5LDE1Mi4zMjUgICIgZGF0YS1vcmlnaW5hbD0iI0ZGNkJBNiIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiNGRjZCQTYiLz4KPC9nPjxwYXRoIGQ9Ik0wLjAxLDE1Mi41MTljMC4wMDQsMC4yMDEsMC4wMTQsMC40MDIsMC4wMywwLjYwM2MwLjAxLDAuMTIzLDAuMDE5LDAuMjQ4LDAuMDMzLDAuMzdjMC4wMjIsMC4xOTMsMC4wNTQsMC4zODQsMC4wODcsMC41NzUgIGMwLjAyMSwwLjEyMiwwLjAzOSwwLjI0NiwwLjA2NSwwLjM2N2MwLjA0MiwwLjE5NywwLjA5NiwwLjM5MSwwLjE1MSwwLjU4NWMwLjAzLDAuMTA3LDAuMDUzLDAuMjE4LDAuMDg3LDAuMzI0ICBjMC4wOSwwLjI4NSwwLjE5NCwwLjU2OCwwLjMxLDAuODQ2YzAuMDUyLDAuMTI1LDAuMTE0LDAuMjQ1LDAuMTcyLDAuMzY3YzAuMDc0LDAuMTU5LDAuMTQ2LDAuMzE5LDAuMjI5LDAuNDc1ICBjMC4wNywwLjEzMiwwLjE0OSwwLjI1NiwwLjIyNCwwLjM4NGMwLjA4MywwLjE0MSwwLjE2NCwwLjI4MiwwLjI1NCwwLjQxOWMwLjA4MywwLjEyOCwwLjE3NSwwLjI0OSwwLjI2NCwwLjM3MiAgYzAuMDY5LDAuMDk1LDAuMTMxLDAuMTk0LDAuMjA0LDAuMjg2bDI0NS45NTEsMzE1LjY2M2MxLjk2MSwyLjUxNyw0LjkxNCwzLjg3LDcuOTI1LDMuODY5YzAuMDAzLDAsMC4wMDYsMCwwLjAwOSwwICBjMy4wMTEsMCw1Ljk2NC0xLjM1Myw3LjkyNS0zLjg2OWwyNDUuOTUxLTMxNS42NjNjMC4wNzItMC4wOTMsMC4xMzUtMC4xOTIsMC4yMDQtMC4yODZjMC4wODktMC4xMjMsMC4xODEtMC4yNDUsMC4yNjQtMC4zNzIgIGMwLjA5LTAuMTM4LDAuMTcyLTAuMjc4LDAuMjU0LTAuNDE5YzAuMDc1LTAuMTI3LDAuMTU0LTAuMjUzLDAuMjI0LTAuMzg0YzAuMDgzLTAuMTU3LDAuMTU1LTAuMzE2LDAuMjI5LTAuNDc1ICBjMC4wNTctMC4xMjIsMC4xMTktMC4yNDIsMC4xNzItMC4zNjdjMC4xMTYtMC4yNzksMC4yMi0wLjU2MSwwLjMxLTAuODQ3YzAuMDMzLTAuMTA1LDAuMDU2LTAuMjE0LDAuMDg2LTAuMzIgIGMwLjA1NC0wLjE5NiwwLjEwOS0wLjM5MSwwLjE1Mi0wLjU4OGMwLjAyNi0wLjEyMSwwLjA0NC0wLjI0NSwwLjA2NS0wLjM2N2MwLjAzNC0wLjE5MSwwLjA2NS0wLjM4MiwwLjA4Ny0wLjU3NSAgYzAuMDE0LTAuMTIyLDAuMDIzLTAuMjQ2LDAuMDMzLTAuMzdjMC4wMTYtMC4yMDEsMC4wMjYtMC40MDIsMC4wMy0wLjYwM2MwLjAwMS0wLjA2NSwwLjAxLTAuMTMsMC4wMS0wLjE5NSAgYzAtMC4wNTctMC4wMDgtMC4xMTItMC4wMDgtMC4xNjljLTAuMDAzLTAuMjA0LTAuMDE1LTAuNDA2LTAuMDMxLTAuNjA4Yy0wLjAwOS0wLjEyLTAuMDE2LTAuMjQyLTAuMDMtMC4zNjEgIGMtMC4wMjMtMC4yLTAuMDU2LTAuMzk5LTAuMDkxLTAuNTk3Yy0wLjAyLTAuMTE0LTAuMDM0LTAuMjMtMC4wNTgtMC4zNDNjLTAuMDYyLTAuMjkzLTAuMTM2LTAuNTgzLTAuMjI0LTAuODcgIGMtMC4wMzYtMC4xMTgtMC4wODMtMC4yMzMtMC4xMjQtMC4zNWMtMC4wNjEtMC4xNzctMC4xMjEtMC4zNTMtMC4xOTMtMC41MjdjLTAuMDUzLTAuMTI5LTAuMTE0LTAuMjUyLTAuMTczLTAuMzc2ICBjLTAuMDcyLTAuMTU3LTAuMTQ1LTAuMzE0LTAuMjI2LTAuNDY4Yy0wLjA2NS0wLjEyMy0wLjEzNy0wLjI0My0wLjIwNy0wLjM2M2MtMC4wODYtMC4xNDktMC4xNzQtMC4yOTYtMC4yNjgtMC40NDEgIGMtMC4wNzctMC4xMTctMC4xNTktMC4yMzItMC4yNC0wLjM0NmMtMC4wOTktMC4xMzktMC4yLTAuMjc2LTAuMzA3LTAuNDExYy0wLjA4OS0wLjExMi0wLjE4Mi0wLjIyMi0wLjI3Ni0wLjMzMSAgYy0wLjA1OS0wLjA2OC0wLjExMi0wLjE0MS0wLjE3NC0wLjIwOEw0MTAuMzg0LDM3LjI0Yy0xLjkwMi0yLjA4MS00LjU5Mi0zLjI2Ny03LjQxMS0zLjI2N0gyOTkuMzIxYy0wLjA5MywwLTAuMTg3LDAtMC4yODMsMCAgaC04Ni4wNzZjLTAuMDk0LDAtMC4xODksMC0wLjI4MywwSDEwOS4wMjZjLTIuODE5LDAtNS41MDksMS4xODYtNy40MTEsMy4yNjdMMi42MjgsMTQ1LjU1M2MtMC4wNjEsMC4wNjctMC4xMTQsMC4xNC0wLjE3NCwwLjIwOCAgYy0wLjA5NCwwLjEwOC0wLjE4NywwLjIxOC0wLjI3NiwwLjMzMWMtMC4xMDYsMC4xMzUtMC4yMDgsMC4yNzItMC4zMDcsMC40MTFjLTAuMDgxLDAuMTE0LTAuMTYzLDAuMjI5LTAuMjQsMC4zNDYgIGMtMC4wOTQsMC4xNDUtMC4xODIsMC4yOTMtMC4yNjgsMC40NDFjLTAuMDcsMC4xMi0wLjE0MiwwLjI0LTAuMjA3LDAuMzYzYy0wLjA4MSwwLjE1NC0wLjE1MywwLjMxLTAuMjI1LDAuNDY3ICBjLTAuMDU4LDAuMTI2LTAuMTE5LDAuMjUtMC4xNzMsMC4zNzhjLTAuMDcxLDAuMTczLTAuMTMxLDAuMzQ4LTAuMTkyLDAuNTI0Yy0wLjA0MSwwLjExNy0wLjA4OCwwLjIzMy0wLjEyNSwwLjM1MiAgYy0wLjA4OCwwLjI4Ny0wLjE2MiwwLjU3Ny0wLjIyNCwwLjg2OWMtMC4wMjQsMC4xMTMtMC4wMzgsMC4yMzEtMC4wNTgsMC4zNDVjLTAuMDM0LDAuMTk4LTAuMDY4LDAuMzk2LTAuMDkxLDAuNTk1ICBjLTAuMDEzLDAuMTE5LTAuMDIsMC4yNDEtMC4wMywwLjM2MWMtMC4wMTYsMC4yMDMtMC4wMjcsMC40MDYtMC4wMzEsMC42MDhDMC4wMDgsMTUyLjIxMiwwLDE1Mi4yNjcsMCwxNTIuMzI1ICBDMCwxNTIuMzkxLDAuMDA5LDE1Mi40NTQsMC4wMSwxNTIuNTE5eiBNMzAuNTg4LDE2Mi4zNjRoMTAyLjIyNWw5MS41MSwyNDguNjQ3TDMwLjU4OCwxNjIuMzY0eiBNMjU2LDQzOC45NDdMMTU0LjIwOCwxNjIuMzY0ICBoMjAzLjU4M0wyNTYsNDM4Ljk0N3ogTTM3OS4xODYsMTYyLjM2NGgxMDIuMjI1TDI4Ny42NzcsNDExLjAxMUwzNzkuMTg2LDE2Mi4zNjR6IE0zOTguNTQ5LDU0LjA1MWw4MC42MzcsODguMjM1SDM3Ny41MjUgIGwtNTkuNDYzLTg4LjIzNUMzMTguMDYxLDU0LjA1MSwzOTguNTQ5LDU0LjA1MSwzOTguNTQ5LDU0LjA1MXogTTIxOC4xNTIsNTQuMDUxaDc1LjY5Nmw1OS40NjQsODguMjM1SDE1OC42ODhMMjE4LjE1Miw1NC4wNTF6ICAgTTExMy40NTEsNTQuMDUxaDgwLjQ4N2wtNTkuNDYzLDg4LjIzNUgzMi44MTRMMTEzLjQ1MSw1NC4wNTF6IiBkYXRhLW9yaWdpbmFsPSIjRkZGRkZGIiBjbGFzcz0iIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIvPjxwYXRoIGQ9Ik0yNjkuMjI1LDE3Ny4xOTJoLTY0LjI1OGMtNS41NDUsMC0xMC4wMzksNC40OTUtMTAuMDM5LDEwLjAzOWMwLDUuNTQ1LDQuNDk1LDEwLjAzOSwxMC4wMzksMTAuMDM5aDY0LjI1OCAgYzUuNTQ1LDAsMTAuMDM5LTQuNDk1LDEwLjAzOS0xMC4wMzlDMjc5LjI2NCwxODEuNjg2LDI3NC43NjksMTc3LjE5MiwyNjkuMjI1LDE3Ny4xOTJ6IiBkYXRhLW9yaWdpbmFsPSIjRkZGRkZGIiBjbGFzcz0iIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIvPjxwYXRoIGQ9Ik0zMDcuMDMyLDE3Ny4xOTJjLTEyLjkxOSwwLTEyLjk0MSwyMC4wNzgsMCwyMC4wNzhDMzE5Ljk1MiwxOTcuMjcsMzE5Ljk3NCwxNzcuMTkyLDMwNy4wMzIsMTc3LjE5MnoiIGRhdGEtb3JpZ2luYWw9IiNGRkZGRkYiIGNsYXNzPSIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojRkZGRkZGIi8+PC9nPjwvZz4gPC9zdmc+Cg==");
    background-size: 60%;
}

.mines-summary-img {
    width: 30px;
    height: auto;
    margin-bottom: 7px;
}

.mines-summary-field {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
}

.mines-summary {
    text-align: center;
    padding: 15px 15px;
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    background: var(--color-primary-dark);
}

.diamonds-count {
    border-right: 1px solid #3a3a3a;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.mines-count {
    border-left: 1px solid #3a3a3a;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.mr-5 {
    margin-right: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.quiz-block {
    position: absolute;
    z-index: 50;
    padding-left: 6px;
    box-sizing: content-box;
    display: none;
}

.quiz-block.active {
    display: block;
}

.quiz {
    text-align: left;
    color: #cdcdcd;
    font-size: 13px;
    width: 100%;
    border-radius: 7px;
    border-width: 2px;
    border-color: var(--color-accent);
    background: var(--color-quiz);
    padding: 10px 8px;
    border-radius: 12px;
    border: 2px solid var(--color-accent);
    transition: .2s all ease;
}

.quiz-indicator-wrapper {
    position: relative;
}

.quiz-indicator {
    position: absolute;
    top: -31px;
    left: 15px;
    line-height: 1;
    padding: 2px 4px;
    background: #0e9980;
    color: #fff;
    font-weight: 800;
    border-radius: 3px;
    font-size: 11px;
    display: none;
}

.quiz-indicator.active {
    display: block;
}

.quiz-ans {
    margin-top: 5px;
    color: #aaa;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.quiz-ans.active {
    display: block;
}

.quiz-ans-val {
    font-weight: 800;
    margin-top: 3px;
    color: var(--color-green);
}

.quiz-question {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 12px;
    white-space: pre-line;
}

.quiz-label {
    color: #ffffff;
}

.quiz-price {
    color: var(--color-accent);
    font-weight: 800;
}

.quiz-price-label {
    font-weight: 800;
    color: #fff;
}

.quiz-winner-val {
    font-weight: 800;
    color: #fff;
}

/* ! misc */


/* mines */
.game-container_mines {
    max-width: 1200px;
}

.game-footer_mines {
    padding: 20px 30px;
    max-width: 100%;
}

.coeff-square {
    border: 1px solid #797979;
    border-radius: 8px;
    position: relative;
    transition: .2s all ease;
}

.mines_step {
    position: absolute;
    top: -7px;
    font-size: 10px;
    color: #797979;
    background: var(--color-primary-dark);
    left: 6px;
    padding: 0 4px;
    transition: .2s all ease;
}

.coeff-number-wrapper {
    padding: 12px 10px;
    color: #b4b4b4;
    font-weight: 500;
    font-size: 14px;
    transition: .2s all ease;
}

.mines-coeff {
    padding: 5px 7px;
}

.mines-coeff.active .coeff-square {
    border-color: var(--color-accent);
}

.mines-coeff.active .mines_step {
    color: var(--color-accent);
}

.mines-footer-wrapper {
    position: relative;
}

.mines-coeff.active .coeff-number-wrapper {
    color: #fff;
}

.mines-coeffs-slider-control {
    position: absolute;
    padding: 9px;
    box-sizing: border-box;
    color: #bbbbbb;
    transition: .1s color ease;
}

.mines-coeffs-slider-control_prev {
    left: -28px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.mines-coeffs-slider-control_next {
    right: -28px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
}

.mines-coeffs-slider-control:hover {
    color: #fff;
    cursor: pointer;
}

/* ! mines */


.double-history__cols {
    display: flex;
}

.double-history__col {
    flex: 1;
    min-width: 0;
    margin-right: 10px;
}

.double-history__col:last-of-type {
    margin-right: 0;
}

.double-history__col-header-bet__username {
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.double-history__col-header-bet__row {
    max-width: calc(100% - 55px);
    display: flex;
    width: 100%;
    align-items: center;
}

.double-history__col-header-bet__amount {
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 5px;
    margin-left: auto;
    font-size: 13px;
}

.external-link {
    position: relative;
}

.external-link:after {
    content: "\e94c";
    font-family: 'icomoon';
    color: var(--color-gray);
    transform: rotate;
    display: inline-block;
    transform: rotate(-45deg);
    font-weight: 800;
    font-size: 13px;
    margin-left: 3px;
}

.colored-link {
    text-decoration: none;
    color: var(--color-accent);
    border-bottom: 1px dashed var(--color-accent);
    transition: .2s ease;
}

.fair-submit {
    background: none;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    text-decoration: none;
    color: var(--color-accent);
    border-bottom: 1px dashed var(--color-accent);
    transition: .2s ease;
}

.fair-submit:hover {
    color: #e0ac00;
    cursor: pointer;
}

.text-heading {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.colored-link:hover {
    color: #e0ac00;
    cursor: pointer;
}

.text-paragraph {
    line-height: 20px;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
}

.text-paragraph b {
    font-weight: 800;
    color: #fff;
}

.text-bold {
    font-weight: 800;
    color: #fff;
}

.double-history__col-body {
    color: #fff;
    font-size: 14px;
    padding: 3px 10px 0 10px;
    background: var(--color-semi-dark);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.double-history__col-header-bet__user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 0px 8px 0px;
    border-bottom: 1px solid var(--color-main-border);
}

.double-history__col-header-bet__personal {
    border-width: 2px;
    border-color: var(--color-accent);
}

.double-history__col-header-bet__user:last-of-type {
    border-bottom: none;
}

.double-history__col-header-bet__photo {
    width: 45px;
    min-width: 45px;
    height: 45px;
    position: relative;
    margin-right: 10px;
}

.double-history__col-header-bet__photo .avatar {
    max-width: 100%;
    border-radius: 50%;
    border: 1px solid #5f5f5f;
    padding: 3px;
}

.double-no-bets {
    text-align: center;
    padding: 22px 0 23px 0;
}

.double-history__col-header-bet__photo .rank {
    position: absolute;
    width: 22px;
    right: -7px;
    top: -1px;
}

.double-history__col-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    color: #fff;
    padding: 10px;
}

.double-history__col-bets {
    font-size: 16px;
    font-weight: 800;
}




.double-history__col_yellow .double-history__col-header {
    background: var(--color-accent);
}

.double-history__col_green .double-history__col-header {
    background: #01c236;
}

.double-history__col_black .double-history__col-header {
    background: var(--color-double-black);
}

.double-history__col_yellow .double-history__col-header-bet__amount {
    border-color: var(--color-accent);
}

.double-history__col_green .double-history__col-header-bet__amount {
    border-color: #01c236;
}

.double-history__col_black .double-history__col-header-bet__amount {
    border-color: #4b4c4e;
}

.slot-calculation-table {
    margin: auto;
}

.slot-calculation-table img {
    max-width: 70px;
}

.slot-calculation-table td {
    padding: 5px;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

.slot-calculation-table td.has-image {
    opacity: 0.2;
}

.slot-calculation-table td.has-image.has-image_chosen {
    opacity: 1;
}

.slot-in-fairness {
    display: none;
}
.pve__livefeed {
    margin-top: 15px;
}
.pvp__livefeed {
    margin-top: 40px;
}

.livefeed {
    display: grid;
    row-gap: 1px;
    width: 100%;
    overflow-x: auto;
    margin: 0 auto;
    max-width: 1200px;
    margin-top: 20px;
    --table-padding: 0 20px;
}

.livefeed header {
    display: flex;
    align-items: center;
    height: 56px;
    padding: var(--table-padding);
    background: var(--gradient-black);
    border-top-left-radius: var(--border-radius-common);
    border-top-right-radius: var(--border-radius-common);
    cursor: pointer;
    /* transition: .2s all ease; */
}

.livefeed header.toggled {
    border-bottom-left-radius: var(--border-radius-common);
    border-bottom-right-radius: var(--border-radius-common);
}

.livefeed h2 {
    color: var(--color-white);
    font-size: 18px;
}


.table>thead {
    display: grid;
    height: 56px;
    align-content: center;
    background: var(--gradient-black);
    border-bottom-left-radius: var(--border-radius-common);
    border-bottom-right-radius: var(--border-radius-common);
}

.livefeed thead {
    border-bottom: 1px solid var(--color-main-bg);
}

.livefeed tbody {
    overflow: hidden;
    position: relative;
    display: block;
}

.livefeed__online{
    color: var(--color-gray);
    font-size: 12px;
    margin-left: 7px;
}

.game__info {
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    display: block;
}

.toggle__arrow {
    background: none;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    padding: 7px;
    cursor: pointer;
    transition: .2s all ease;
    will-change: transform;
}

.toggle__arrow_white {
    color: #fff;
}

.toggle__arrow_bold {
    font-weight: 800;
}

.toggle__arrow_toggled {
    transform: rotate(90deg);
}


.toggle__button {
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.toggle__button input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
}

.toggle__button .toggle__switch {
    display: inline-block;
    height: 20px;
    border-radius: 14px;
    width: 40px;
    background: var(--color-checkbox);
    position: relative;
    margin-left: 10px;
    transition: all .25s;
}




.toggle__button .toggle__switch:after, .toggle__button .toggle__switch:before {
    content: "";
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    left: 3px;
    top: 50%;
    transform: translateY(-50%) translateX(0);
    transition: all .25s cubic-bezier(.5,-.6,.5,1.6);
}

.toggle__button.no-transition .toggle__switch:after, .toggle__button.no-transition .toggle__switch:before {
    transition: none;
}

.toggle__button.no-transition .toggle__switch {
    transition: none;
}

.toggle__button .toggle__switch:before {
    background: var(--color-gray);
    opacity: 0;
}

.toggle__button .toggle__switch:after {
    background: var(--color-gray);
}

.active .toggle__switch {
    background: var(--color-green);
}

.active .toggle__switch:after, .active .toggle__switch:before {
    transform: translateX(40px - 18px);
}

.active .toggle__switch:after {
    left: 22px;
    background: #fff;
}


.table {
    border-collapse: collapse;
}

.table tr {
    padding: var(--table-padding);
}

.table>thead>tr {
    display: grid;
    grid-template-columns: var(--table-cols);
    justify-content: start;
    justify-items: start;
    color: var(--color-white);
}

.table>thead>tr>td {
    width: 100%;
}

.table>tbody>tr {
    display: grid;
    grid-template-columns: var(--table-cols);
    height: 73px;

    align-content: center;
    align-items: center;

    animation-fill-mode: forwards;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    will-change: transform, opacity;
}

.livefeed .table>tbody>tr {
    height: 65px;
}

.no-transition {
    transition: none !important;
}



.table>tbody>tr>td:first-child {
    column-gap: 13px;
}

.table>tbody>tr>td>span {
    color: var(--color-white);
}

.table>tbody>tr.colorful {
    background: var(--gradient-black);
    border-radius: var(--border-radius-common);
}



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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


@keyframes feed_last {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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


.table>tbody.non-static>tr:nth-child(odd) {
    animation-name: feed_odd;
}

.table>tbody.non-static>tr:nth-child(2n) {
    animation-name: feed_even;
}

.table>tbody.non-static>tr:nth-child(11) {
    animation-name: feed_last;
}

.table>tbody.non-static>tr:first-child {
    animation-name: feed_first;
}

/* .table_striped > tbody > tr:nth-child(even) {
    background: var(--gradient-black);
    border-radius: var(--border-radius-common);
  } */

.livefeed__table {
    width: 100%;
    --table-cols: 18% 32% 15% 15% 20%;
}


.col_right {
    text-align: right;
}

.livefeed__game {
    display: flex;
    align-items: center;
}

.livefeed__game-icon {
    color: var(--gradient-yellow);
    font-size: 24px;
    margin-right: 10px;
}

.livefeed__avatar {
    max-width: 35px;
    max-height: 35px;
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.livefeed__toggle {
    margin-left: auto;
}

.player__name {
    font-size: 1rem;
    /* max-width: 180px; */
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.livefeed__player {
    color: var(--color-silver);
    display: flex;
    align-items: center;

}

.svelte-select input::placeholder {
    font-size: 1.05rem;
}


.deposit__warning {
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    border: 2px solid var(--color-light-red);
    border-radius: 8px;
    line-height: 1.65;
}

.deposit__warning_yellow {
    border: 2px solid var(--color-accent);
    background: rgba(191, 172, 110, 0.35);
    font-weight: 400;
}
/* .svelete-select-list::-webkit-scrollbar {

} */
.svelte-select-list {
    padding: 5px 0 !important;
    min-width: 300px !important;
    right: 0px !important;
    left: unset !important;
}
.svelte-select-list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    background-color: transparent;
    position: absolute;
}

.svelte-select-list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: var(--color-medium-gray);
}

.svelte-select-list .list-item:hover .item {
    cursor: pointer !important;
}
.svelte-select, .svelte-select input {
    cursor: pointer !important;
}

.svelte-select-list .list-group-title {
    font-size: 0.9rem !important;
}

.svelte-select-list .item {
    font-size: 1rem !important;
}

.coins {
    display: flex;
    align-items: center;
}

.coins__icon {
    color: var(--color-accent);
    margin-right: 5px;
}

.coins__amount {
    color: #fff;
}

.coins_green .coins__icon {
    color: var(--color-green);
}

.coins_bold {
    font-weight: 500;
}

.coins_lost .coins__icon,
.coins_lost .coins__amount {
    color: var(--color-medium-gray);
}

.high-coeff {
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-coeff {
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
}

.affiliate-block {
    color: var(--color-semi-gray);
    font-size: 12px;
    margin-top: 50px;
    margin-bottom: 15px;
    line-height: 1.7;
}

.live-coeff_lost {
    color: var(--color-medium-gray);
}


.high-coeff__icon {
    font-size: 16px;
    margin-right: 5px;
}

.camelcase {
    text-transform: capitalize;
}

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

.display-game-outcome_bold {
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
}

/* table history */
.game-container_history {
    margin-top: 10px;
    background: var(--color-secondary-bg);
    padding: 15px;
    border-radius: 12px;
}

.game-container__table {
    font-size: 13px;
    font-weight: 400;
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-collapse: collapse;
    width: 100%;
    table-layout: inherit;
}

.game-container__table__thead {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.game-container__table__header-th {
    padding: 12px 0;
    color: lightgray;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.game-container__table__body-tr {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.game-container__table__body-td {
    text-align: left;
    padding: 12px 0;
    color: #fff;
    font-size: 13px;
}

.game-container__table__money {
    font-weight: 400;
    color: var(--color-accent);
}

.game-container__table__money_win {
    color: var(--color-accent);
}

.game-container__table__money_lost {
    color: #a9a9a9;
}

.game-container__table__player {
    max-width: 200px;
}

.game-container__table__player span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.game-container__table__player img {
    width: 25px;
    margin-right: 5px;
}

.game-container__table__player_hl {
    color: var(--color-accent);
}

.game-container__table__body-td_fair {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
    cursor: pointer;
    padding: 0;
    text-align: right;
}

.game-container__table__body-td_fair a {
    display: block;
    color: #999;
}

.game-container__table__body-td_fair a:hover {
    color: #fff;
}

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

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

.ta-right {
    text-align: right;
}

/* ! table history */


.languages__btn {
    outline: none;
    border: none;
    background: none;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: var(--color-gray);
    border: 1px solid var(--color-main-border);
    flex-shrink: 0;
    margin-top: 15px;
}
.current-lang {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
}

.language-switch {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 150px;
    position: relative;
    
}


.languages-list .current-lang__name {
    color: #000;
}

.current-lang__name {
    color: var(--color-silver);
    font-weight: 500;
    margin-right: 15px;
}

.languages-list {
    margin-top: 10px;
    /* display: none; */
    position: absolute;
    top: 100%;
    width: 100%;
    display: none;
}
.languages-list__option {
    background: #fff;
    padding: 0px 0;
    border-bottom: 1px solid #d9d9d9;
}
.languages-list__option:hover {
    background: #f3f3f3;
}
.languages-list__option:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.languages-list__option:last-of-type {
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.current-lang img {
    max-width: 100%;
    width: 30px;
}




.geo-switch {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    z-index: 1000;
}

.geo-switch .languages__btn {
    margin-top: 0;
}

.geo-list {
    margin-top: 3px;
    /* display: none; */
    position: absolute;
    top: 100%;
    width: 100%;
    display: none;
}

.geo-list .current-lang__name {
    color: #000;
}

.geo-switch .language-dropdown-icon {
    margin-left: auto;
}

.geo-option {
    width: 100%;
}

.notifications__btn {
    position: relative;
    margin-left: 12px;
}

.notifications__btn_active::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--color-green);
    left: 22px;
    top: 8px;
}

.notifications {
    position: relative;
    /* margin-right: 10px; */
}

.notifications__empty {
    min-height: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-semi-gray);
}

.notifications__list{
    position: absolute;
    right: 0;
    width: 280px;
    background: var(--color-primary-light);
    margin-top: 10px;
    border-radius: 12px;
    color: var(--color-semi-gray);
    padding: 10px 3px;
    z-index: 1001;
    --animate-duration: .2s;
    display: none;
    box-shadow: 0 0 6px 0px rgb(0 0 0 / 15%);
}

.notifications__scrollable {
    padding: 5px 15px;
    max-height: 450px;
}

.notification__name.active-badge:before {
    right: -10px;
}

.notifications__btn.active-badge:before {
    right: 7px;
    top: 7px;
}

.notification__item{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #494949;
}

.notification__item:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.notification__name{
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    position: relative;
}

.notification__name_unread:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--color-green);
    right: -10px;
    top: 0;
}

.notification__body {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 6px;
    color: #cccccc;
}

.notification__date{
    font-size: 10px;
}




.game-area_double {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    height: 100%;
}

.wheel {
    width: 350px;
    height: 350px;
    position: relative;
    margin: 0 auto;
}

.double {
    width: 350px;
    height: 350px;
    position: relative;
    margin: 0 auto;
}

.double:before {
    content: '';
    width: 230px;
    height: 230px;
    background: var(--color-double-body);
    border: 3px solid #ffc100;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.double:after {
    position: absolute;
    content: '';
    width: 375px;
    height: 375px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: calc(50% + 1px);
    border: 2px solid var(--color-accent);
    border-radius: 50%;
}

.hash {
    position: relative;
    margin: 15px auto;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.crash-bets__empty {
    border-radius: 12px;
    border: 1px dashed #23232b;
    /* margin-bottom: 10px; */
    position: relative;
    color: #2a2a33;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 150px;
}
.crash-bets__empty.hidden {
    display: none;
}
.crash-bets__icon {
    font-size: 45px;
}

.more-players {
    font-size: 13px;
    color: var(--color-semi-gray);
    padding: 10px;
    justify-content: center;
}

.crash-bets__title {
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    font-weight: 600;
    /* color: var(--color-gray); */
    line-height: 1.4;
}

.game-footer_crash {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 15px;
}

.game-footer_double {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 15px;
}

.double-footer-wrapper {
    padding: 15px 0;
}

.wheel-history-line {
    display: flex;
    align-items: flex-end;
}

.double-history-line {
    display: flex;
}

.double-circle:last-of-type {
    margin-right: 0;
}

.double.active .double-row {
    -webkit-transform: rotate(3500deg);
    -ms-transform: rotate(3500deg);
    transform: rotate(3500deg);
}


:not(pre)>code[class*="language-"],
pre[class*="language-"] {
    background: var(--color-primary-dark) !important;
}

.wheel-win {
    color: transparent;
    position: absolute;
    left: 50%;
    top: 30px;
    z-index: 2;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
}

.wheel-win img {
    width: 100%;
    height: auto;
}

.double-win {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -15px;
    z-index: 2;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.double-win img {
    width: 100%;
    height: auto;
}

.double-row {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: 13s;
    -o-transition: 13s;
    transition: 13s;
    pointer-events: none;
}

.double-row img {
    width: 100%;
    height: auto;
}

.double-rel {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    z-index: 4;
    color: #fff;
    line-height: 200px;
    font-weight: 800;
    text-align: center;
    font-size: 70px;
}

.double-circle {
    flex: 1;
    min-width: 44px;
    min-height: 44px;
    width: 44px;
    height: 44px;
    max-width: 44px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    margin-right: 7px;
    padding: 3px;
}

.double-circle-inner {
    height: 100%;
    display: block;
    border-radius: 50%;
}

.double-circle-inner__number {
    font-weight: 800;
    color: #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.double-circle_red {
    border-color: var(--color-accent);
}

.double-circle_red .double-circle-inner {
    background: var(--color-accent);
}

.double-circle_green {
    border-color: #01d139;
}

.double-circle_green .double-circle-inner {
    background: #01d139;
}

.double-circle_black {
    border-color: var(--color-double-black);
}

.double-circle_black .double-circle-inner {
    background: var(--color-double-black);
}

.double-timer {
    /* background:url(../images/double-timer.svg) no-repeat center 15px; */
    /* background-size:30px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 168px;
    height: 168px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 38px;
    color: #fff;
}

.double-timer.hidden {
    display: none;
}

.wheel-timer {
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #daf6ff;
    text-shadow: 0 0 25px rgba(10, 175, 230, 1), 0 0 25px rgba(10, 175, 230, 0);
    letter-spacing: 0.05em;
    font-size: 34px;
    font-weight: 800;
    padding: 5px 0;
}

.wheel-clock {
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    font-weight: 800;
}

.wheel-timer.hidden {
    display: none;
}

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

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

.double-bet-buttons {
    display: flex;
}

.game-sidebar__double-bet {
    flex: 1;
    background: transparent;
    padding: 10px 7px;
    border: none;
    outline: none;
    border-radius: 6px;
    color: #fff;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s all ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.double-x {
    font-size: 12px;
}

.game-sidebar__double-bet:hover {
    cursor: pointer;
}

.game-sidebar__double-bet:last-of-type {
    margin-right: 0;
}

.game-sidebar__double-bet_yellow {
    background: var(--color-accent);
}

.game-sidebar__double-bet_yellow:hover {
    /* background: #d8a400; */
    box-shadow: 0 0 10px 0 rgba(255, 193, 7, 0.3);
}

.game-sidebar__double-bet_green {
    background: #01d139;
}

.game-sidebar__double-bet_green:hover {
    /* background: #00b130; */
    box-shadow: 0 0 10px 0 rgba(1, 209, 57, 0.3);
}

.game-sidebar__double-bet_black {
    background: var(--color-double-black);
}

.game-sidebar__double-bet_black:hover {
    /* background: #2d2f31; */
    box-shadow: 0 0 10px 0 rgba(74, 78, 82, 0.3);
}

.double-last-history_margined:last-of-type {
    margin-right: 4px;
}

.double-bet-sum {
    font-size: 14px;
}

.double-bet-coeff {
    font-size: 10px;
    color: #fff;
    margin-left: auto;
}

.wheel-stick {
    width: 4px;
    min-width: 4px;
    height: 25px;
    border-radius: 2px;
    display: block;
    margin-right: 5px;
    transition: .05s all ease;
}

.wheel-stick:hover {
    min-width: 6px;
    border-radius: 4px;
}

.wheel-stick_0 {
    height: 17px;
    background: #535353;
}

.wheel-stick_1 {
    height: 21px;
    background: #ccc3ff;
}

.wheel-stick_2 {
    height: 25px;
    background: #f5453b;
}

.wheel-stick_3 {
    height: 29px;
    background: #01c236;
}

.game-sidebar__wheel-bet_0,
.modal_game-outcome__game-container__wheel-bet_0 {
    background: #4c4c4c;
}

.game-sidebar__wheel-bet_1,
.modal_game-outcome__game-container__wheel-bet_1 {
    background: #b2a4ff;
}

.game-sidebar__wheel-bet_2,
.modal_game-outcome__game-container__wheel-bet_2 {
    background: #f5453b;
}

.game-sidebar__wheel-bet_3,
.modal_game-outcome__game-container__wheel-bet_3 {
    background: #01c236;
}






.wheel-history__col_0 .double-history__col-header-bet__amount {
    border-color: #4c4c4c;
}

.wheel-history__col_1 .double-history__col-header-bet__amount {
    border-color: #b2a4ff;
}

.wheel-history__col_2 .double-history__col-header-bet__amount {
    border-color: #f5453b;
}

.wheel-history__col_3 .double-history__col-header-bet__amount {
    border-color: #01c236;
}



.wheel-history__col_0 .double-history__col-header {
    background: #4c4c4c;
}

.wheel-history__col_1 .double-history__col-header {
    background: #b2a4ff;
}

.wheel-history__col_2 .double-history__col-header {
    background: #f5453b;
}

.wheel-history__col_3 .double-history__col-header {
    background: #01c236;
}

.flex-wrap .double {
    min-width: 350px;
    margin-right: 35px;
}

.double-time {
    font-family: 'Open Sans', sans-serif;
    font-size: 60px;
    font-weight: 800;
    color: var(--color-accent);
    margin-top: 25px;
    /* margin:33px 0 0; */
}

.double-right {
    margin: 0 auto;
}

.double-last {
    overflow: hidden;
    margin: 16px 0;
    background: var(--color-primary-dark);
    padding: 15px;
    white-space: nowrap;
    border-radius: 50px;
    position: relative;
    border-radius: 25px;
}

.double-last:after {
    content: '';
    background: -o-linear-gradient(left, transparent, var(--color-primary-dark));
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-primary-dark)));
    background: linear-gradient(to right, transparent, var(--color-primary-dark));
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
}

.double-last form {
    display: inline-block;
}

.double-last-i.black {
    background: url(../images/black.png) no-repeat 0 0;
}

.double-last-i.red {
    background: url(../images/yellow.png) no-repeat 0 0;
}

.double-last-i.green {
    background: url(../images/green.png) no-repeat 0 0;
}

.double-last-i:nth-child(1) {
    margin: 0;
}

.double-last-i {
    width: 41px;
    height: 41px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 0 0 0 7px;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

.double-button {
    /* text-align:center; */
    display: flex;
    justify-content: center;
}

.double-button button:after {
    width: 29px;
    height: 29px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 4px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.double-button button:first-child {
    margin-left: 0;
}

.double-button button:last-child {
    margin-right: 0;
}

.double-button button:hover:after {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.double-button button {
    width: 110px;
    height: 41px;
    line-height: 38px;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    margin: 0 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: left;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

}

.double-button-1 {
    border: 1px solid var(--color-accent);
    background: var(--color-accent);
}

.double-button-1:hover {
    -webkit-box-shadow: 0 0 10px rgba(255, 217, 0, 0.4), inset 0 0 6px rgba(255, 217, 0, 0.25);
    box-shadow: 0 0 10px rgba(255, 217, 0, 0.4), inset 0 0 6px rgba(255, 217, 0, 0.25);
}

.double-button-1:after {
    background: #c39107;
    content: 'x2';
    -webkit-box-shadow: 0 0 12px rgba(255, 217, 0, 0.6);
    box-shadow: 0 0 12px rgba(255, 217, 0, 0.6);
}

.double-button-2 {
    border: 1px solid #249b42;
    background: #01c236;
}

.double-button-2:hover {
    -webkit-box-shadow: 0 0 10px rgba(36, 155, 66, 0.4), inset 0 0 6px rgba(36, 155, 66, 0.25);
    box-shadow: 0 0 10px rgba(36, 155, 66, 0.4), inset 0 0 6px rgba(36, 155, 66, 0.25);
}

.double-button-2:after {
    background: #249b42;
    content: 'x14';
    -webkit-box-shadow: 0 0 12px rgba(36, 155, 66, 0.6);
    box-shadow: 0 0 12px rgba(36, 155, 66, 0.6);
}

.double-button-3 {
    border: 1px solid #313336;
    background: #494b4e;
}

.double-button-3:hover {
    -webkit-box-shadow: 0 0 10px rgba(49, 51, 54, 0.4), inset 0 0 6px rgba(49, 51, 54, 0.25);
    box-shadow: 0 0 10px rgba(49, 51, 54, 0.4), inset 0 0 6px rgba(49, 51, 54, 0.25);
}

.slot-profile-spin-btn {
    min-width: 42px;
    max-width: 42px;
    background: var(--color-secondary-bg);
    color: #cdcdcd;
    border: none;
    border-radius: 4px;
    margin: 0 1px;
}

.slot-profile-spin-btn_prev {
    margin-left: 5px;
}

.slot-profile-spin-btn:hover {
    cursor: pointer;
    color: #fff;
}

.slot-profile-spin-btn:disabled {
    pointer-events: none;
}

.wallet-link {
    font-size: 13px;
    font-weight: 400;
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 6px;
    outline: none;
    background: var(--color-accent);
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wallet-link:hover {
    -webkit-box-shadow: 0 0 7px 0 rgba(255, 193, 7, 0.3);
    box-shadow: 0 0 7px 0 rgba(255, 193, 7, 0.3);
}

.ok-btn {
    border: none;
    background: var(--color-green);
    color: #fff;
    width: 100px;
    margin: 12px auto 0 auto;
}

.ok-btn:hover {
    background: #33b12a;
}

.double-button-3:after {
    background: #313336;
    content: 'x2';
    -webkit-box-shadow: 0 0 12px rgba(49, 51, 54, 0.6);
    box-shadow: 0 0 12px rgba(49, 51, 54, 0.6);
}

.deposit-notification {
    width: 100%;
    color: #fff;
    background: var(--color-green);
    padding: 10px;
    border-radius: 4px;
    text-align: center;
}

.deposit-notification_highlight {
    font-size: 16px;
    font-weight: 800;
}

.user-profile {
    max-width: 1200px;
    padding: 0 0px;
    padding-bottom: 0;
    width: 100%;
}

.user-profile-overview-loop {
    background: var(--color-secondary-bg);
    padding: 25px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.user-profile-overview-loop__left-avatar {
    width: 200px;
    margin: auto;
    padding: 15px 0;
}

.user-profile-overview-loop__left-avatar img {
    max-width: 100%;
    border-radius: 4px;
    border: 1px solid #232323;
    padding: 5px;
    border-radius: 20px;
}

.user-profile-overview-loop__left-resources {
    margin-left: 10px;
}

.relative-wrapper {
    position: relative;
}

.user-profile-overview-loop__left-vk {
    background: var(--color-primary-dark);
    padding: 5px;
    opacity: .8;
    position: absolute;
    bottom: 8px;
    font-size: 11px;
    color: #e0e0e0;
    left: 4px;
    border-radius: 5px;
    width: 50px;
    height: 23px;
    text-align: center;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
}

.site-onl {
    text-align: center;
    width: 100%;
    display: block;
    color: #cdcdcd;
    /* margin-top:10px; */
}

.site-onl .active-dot {
    margin-right: 6px;
    margin-bottom: 2px;
}

.mobile-menu__submenu-item_social-link .active-dot {
    margin-right: 3px;
    margin-bottom: 1px;
}

.active-dot {
    width: 7px;
    display: inline-block;
    height: 7px;
    border-radius: 50%;
    background: var(--color-accent);
    -webkit-box-shadow: 0 0 4px 2px rgba(255, 196, 0, 0.5);
    box-shadow: 0 0 4px 2px rgba(255, 196, 0, 0.5);
}

.user-profile-overview-loop__left-vk:hover {
    background: var(--color-accent);
    color: #fff;
    opacity: 1;
}

.user-profile-overview-loop__left-avatar-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.user-profile-overview-loop__left-vk span {
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
}

.user-profile-overview-loop__left-resources__name {
    text-align: center;
    font-size: 18px;
    color: #fff;
    max-width: 300px;
    margin-top: 5px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.user-profile-overview-loop__left-resources__balance {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-accent);
    margin-top: 7px;
}

.user-profile-overview-loop__left-resources__tickets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    margin-top: 5px;
}

.user-profile-overview-loop__left-resources__tickets .myicon-ticket-raffle {
    color: #00de09;
}

.user-profile-overview-loop__left-resources__money {
    margin-right: 2px;
    font-weight: 700;
    color: #fff;
}

.user-profile-overview-loop__left-resources__tickets_value {
    margin-right: 5px;
    color: #fff;
    font-weight: 700;
}

.user-profile-overview-loop__left-action-button_pay {
    margin-top: 10px;
}

.user-profile-overview-loop__left-action-button_withdraw {
    margin-top: 5px;
}

.gray-color {
    color: #cdcdcd;
}

.user-profile-overview-loop__left-resources__tickets_what {
    font-size: 11px;
    margin-left: 6px;
    font-weight: 800;
    color: #a7a7a7;
}

.user-profile-overview-loop__left-since {
    font-size: 12px;
    white-space: nowrap;
    text-align: center;
    margin-top: 3px;
    color: #838383;
}

.user-profile-overview-horizontal-line {
    width: 1px;
    height: 150px;
    display: inline-block;
    margin: 0px 25px 0 30px;
    background: rgba(255, 255, 255, .1);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.user-profile-overview-loop__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.user-profile-overview-loop__right-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
}

.stat-block {
    padding: 12px 5px;
    width: 150px;
    border-radius: 6px;
    border: 1px solid var(--color-accent);
    margin-left: 7px;
    margin-right: 7px;
    text-align: center;
}

.stat-block__title {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.stat-block__value {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
}

.stat-block__value_coins-with-icon {
    color: var(--color-accent);
}

.user-profile-overview-stats-divisor {
    width: 90%;
    height: 1px;
    background: rgba(255, 255, 255, .1);
    margin: 25px auto;
}

.user-profile-overview-rank-table {
    text-align: right;
    margin: 10px auto 0;
    padding-right: 7px;
    max-width: 725px;
}

.user-profile-overview-rank-table__link {
    font-size: 12px;
}

.double-history-result_small .double-history-result__number {
    line-height: 28px;
}

.user-profile-full-stats__content {
    position: relative;
}

.user-profile-full-stats {

    background: var(--color-secondary-bg);
    padding: 5px 25px 10px;
    min-height: 400px;
    border-radius: 7px;
    position: relative;
}

.user-profile-full-stats.show-controls {
    padding-bottom: 75px;
}

.user-profile-full-stats__controls {
    padding: 0 23px;
    bottom: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    display: none;
}

.user-profile-full-stats__controls.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.user-profile-full-stats__btn.active {
    opacity: 1;
}

.user-profile-full-stats__btn {
    padding: 10px;
    outline: none;
    border: solid 1px #424242;
    background: transparent;
    color: #aaa;
    border-radius: 8px;
    opacity: .4;
    font-size: 13px;
}

.user-profile-full-stats__btn.active:hover {
    color: #fff;
    cursor: pointer;
}

.user-profile-full-stats__btn-next {
    margin-left: auto;
}

.user-profile-full-stats__btn__icon {
    display: inline-block;
    font-size: 11px;
    margin: 0 2px;
}

.user-profile-caregories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.user-profile-caregories__category {
    position: relative;
    font-size: 13px;
    color: #a0a0a0;
    margin-right: 20px;
    padding: 20px 5px;
}

.user-profile-caregories__category_active {
    color: #fff;
    border-bottom: 1px solid var(--color-accent);
}

.user-profile-caregories__category:hover {
    color: #fff;
    cursor: pointer;
}

.user-profile-caregories__category:last-child {
    margin: 0;
}

.la-ball-clip-rotate,
.la-ball-clip-rotate>div {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-clip-rotate.la-dark {
    color: var(--color-main-border);
}

.la-ball-clip-rotate>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}

.la-ball-clip-rotate>div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
    animation: ball-clip-rotate .75s linear infinite;
}

.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-clip-rotate.la-sm>div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}

.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-clip-rotate.la-2x>div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}

.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-clip-rotate.la-3x>div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.payout-value.winning .plinko-ball {
    position: absolute;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%) translateY(-5px);
    bottom: 100%;
    width: 60%;
    height: 0;
    padding-bottom: 60%;
}



.payout-value.winning.magic .plinko-ball__outer {
    background: #aa44ac;
    box-shadow: 0 0 6px 2px rgb(137 78 148 / 36%);
}

.payout-value.winning.magic .plinko-ball__middle {
    background: #6b3076;
}

.payout-value.winning.magic .plinko-ball__inner {
    background: #d03690;
}

.loader {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 70px;
}

.games-table__casino td:nth-child(2) a {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.games-table {
    border-collapse: collapse;
    width: 100%;
    display: none;
}

.games-table__jackpot th:nth-child(4),
.games-table__jackpot td:nth-child(4) {
    text-align: center;
}

.games-table__jackpot th:nth-child(5),
.games-table__jackpot td:nth-child(5),
.games-table__jackpot th:nth-child(6),
.games-table__jackpot td:nth-child(6) {
    text-align: right;
}


.games-table__double th:nth-child(3),
.games-table__double td:nth-child(3) {
    text-align: center;
}

.games-table__double th:nth-child(4),
.games-table__double td:nth-child(4),
.games-table__double th:nth-child(5),
.games-table__double td:nth-child(5) {
    text-align: right;
}

.games-table__battle th:nth-child(3),
.games-table__battle td:nth-child(3) {
    width: 25%;
}

.games-table__battle th:nth-child(2),
.games-table__battle td:nth-child(2),
.games-table__battle th:nth-child(3),
.games-table__battle td:nth-child(3),
.games-table__battle th:nth-child(4),
.games-table__battle td:nth-child(4) {
    text-align: center;
}

.games-table__battle th:nth-child(5),
.games-table__battle td:nth-child(5),
.games-table__battle th:nth-child(6),
.games-table__battle td:nth-child(6) {
    text-align: right;
}

.games-table__crash th:nth-child(3),
.games-table__crash td:nth-child(3) {
    text-align: center;
}

.games-table__crash th:nth-child(4),
.games-table__crash td:nth-child(4),
.games-table__crash th:nth-child(5),
.games-table__crash td:nth-child(5) {
    text-align: right;
}



.games-table__dice th:nth-child(3),
.games-table__dice td:nth-child(3) {
    text-align: center;
}

.games-table__plinko th:nth-child(3),
.games-table__plinko td:nth-child(3) {
    text-align: center;
}

.games-table__slot th:nth-child(3),
.games-table__slot td:nth-child(3) {
    text-align: center;
}

.games-table__overgo th:nth-child(3),
.games-table__overgo td:nth-child(3) {
    text-align: center;
}

.games-table__dice th:nth-child(4),
.games-table__dice td:nth-child(4),
.games-table__dice th:nth-child(5),
.games-table__dice td:nth-child(5) {
    text-align: right;
}

.games-table__plinko th:nth-child(4),
.games-table__plinko td:nth-child(4),
.games-table__plinko th:nth-child(5),
.games-table__plinko td:nth-child(5) {
    text-align: right;
}

.games-table__slot th:nth-child(5),
.games-table__slot td:nth-child(5),
.games-table__slot th:nth-child(6),
.games-table__slot td:nth-child(6) {
    text-align: right;
}

.games-table__overgo th:nth-child(4),
.games-table__overgo td:nth-child(4),
.games-table__overgo th:nth-child(5),
.games-table__overgo td:nth-child(5) {
    text-align: right;
}

.games-table__casino th:nth-child(4),
.games-table__casino td:nth-child(4) {
    text-align: right;
}

.games-table__mines th:nth-child(3),
.games-table__mines td:nth-child(3) {
    text-align: center;
}

.games-table__mines th:nth-child(4),
.games-table__mines td:nth-child(4),
.games-table__mines th:nth-child(5),
.games-table__mines td:nth-child(5) {
    text-align: right;
}



.games-table__tower th:nth-child(3),
.games-table__tower td:nth-child(3) {
    text-align: center;
}

.games-table__tower th:nth-child(4),
.games-table__tower td:nth-child(4),
.games-table__tower th:nth-child(5),
.games-table__tower td:nth-child(5) {
    text-align: right;
}


.games-table__raffle th:nth-child(2),
.games-table__raffle td:nth-child(2) {
    padding-left: 8%;
}

.games-table__raffle th:nth-child(3),
.games-table__raffle td:nth-child(3),
.games-table__raffle th:nth-child(4),
.games-table__raffle td:nth-child(4) {
    text-align: right;
}

.stats-table__deposits .games-table__body-status {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.stats-table__deposits th:nth-child(1),
.stats-table__deposits td:nth-child(1) {
    width: 20%;
}

.stats-table__deposits th:nth-child(2),
.stats-table__deposits td:nth-child(2) {
    text-align: right;
    width: 30%;
    padding-right: 10%;
}

.stats-table__deposits th:nth-child(3),
.stats-table__deposits td:nth-child(3) {
    width: 30%;
    text-align: center;
}

.stats-table__deposits th:nth-child(4),
.stats-table__deposits td:nth-child(4) {
    width: 20%;
    text-align: center;
}




.games-td__extra-row {
    white-space: nowrap;
    color: var(--color-gray);
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    line-height: 2;
}

.user-profile__id {
    padding: 8px 15px;
    text-align: center;
    border-radius: 5px;
    background: var(--color-dark-panel);
    margin-top: 15px;
    color: var(--color-semi-gray);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
}

.user-profile__id-wrapper {
    display: flex;
    justify-content: center;
}

.user-profile__id:hover {
    color: var(--color-silver);
}



.games-td__extra-row:hover .extra-copy{
    color: #fff;
}

.extra-copy {
    font-size: 15px;
    color: var(--color-gray);
    margin-left: 5px;
    cursor: pointer;
}

.extra-coins {
    color: var(--color-accent);
    margin-left: 3px;
}

/* .games-td__more {
    margin-top: 35px;
    display: none;
} */

.games-table__body-tr.games-table__body-tr_no-border {
    border-bottom: none;
}

.games-table__body-tr_has-extra {
    cursor: pointer;
}

.games-table__body-tr_has-extra:hover .display-game-btn{
    color: #fff;
}

.games-td__date {
    color: var(--color-silver);
}

.games-table__body-tr_is-extra {
    display: none;
}
.games-table__body-tr_is-extra td {
    padding: 15px 0;
}
.games-table__body-tr_has-extra .games-table__body-td:first-child {
    max-width: 60px;
    white-space: nowrap;
}

.games-table__body-tr_has-extra .games-table__body-td {
    padding: 12px 0;
}

.stats-table__withdraws th:nth-child(1),
.stats-table__withdraws td:nth-child(1) {
    width: 15%;
}

.stats-table__withdraws th:nth-child(2),
.stats-table__withdraws td:nth-child(2) {
    text-align: right;
    width: 15%;
    padding-right: 5%;
}

.stats-table__withdraws th:nth-child(3),
.stats-table__withdraws td:nth-child(3) {
    text-align: center;
    width: 9%;
}

.stats-table__withdraws th:nth-child(4),
.stats-table__withdraws td:nth-child(4) {
    text-align: right;
    width: 18%;
    padding-right: 9%;
}

.stats-table__withdraws th:nth-child(5),
.stats-table__withdraws td:nth-child(5) {
    width: 15%;
}

.stats-table__withdraws th:nth-child(6),
.stats-table__withdraws td:nth-child(6) {
    width: 10%;
    text-align: left;
}

.stats-table__other th:nth-child(2),
.stats-table__other td:nth-child(2) {
    text-align: right;
    padding-right: 11%;
    width: 30%;
}

.games-table__dice_history {
    border-top: 1px solid rgba(255, 255, 255, .15);
}

.games-table thead {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.games-table__header-th {
    padding: 12px 0;
    color: lightgray;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.games-table__header-th.games-table__header-th_no-overflow {
    overflow: visible;
}

.games-table__body-td {
    text-align: left;
    padding: 18px 0;
    color: #fff;
    font-size: 13px;
}

.games-table__body-tr:last-child {
    border-bottom: none;
}

.games-table__body-tr {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.games-table__body-tr_underlined {
    border-bottom-color: var(--color-accent);
    border-bottom-width: 2px;
}

.games-table__money-win {
    font-weight: 700;
}


.referal-link {
    max-width: 300px;
    width: 100%;
}

.promocode-input {
    border-right: 0;
    border-radius: 8px 0 0 8px;
    min-width: 0;
}

.promocode-activate-btn {
    border-radius: 0 8px 8px 0;
}

.games-table__tickets span {
    color: var(--color-green);
    font-size: 18px;
    margin-right: 5px;
}

.games-table__money {
    font-weight: 400;
    color: var(--color-accent);
}

.games-table__money_lost {
    color: #a9a9a9;
}

.games-table__money_win {
    color: var(--color-accent);
}

.games-table__body-double-bet {
    padding: 5px 15px;
    color: #fff;
    font-weight: 500;
    border-radius: 20px;
}

.bet_yellow {
    background: var(--color-accent);
}

.bet_black {
    background: var(--color-double-black);
}

.bet_green {
    background: #01c236;
}

.bet_violet {
    background: #640cab;
}

.double-history-result {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
}

.double-history-result_red:before {
    border: 1px solid var(--color-accent);
}

.double-history-result_yellow:before {
    border: 1px solid var(--color-accent);
}

.double-history-result_black:before {
    border: 1px solid var(--color-double-black);
}

.double-history-result_green:before {
    border: 1px solid #01c236;
}

.double-history-result_red {
    background: var(--color-accent);
}

.double-history-result_yellow {
    background: var(--color-accent);
}

.double-history-result_black {
    background: var(--color-double-black);
}

.double-history-result_green {
    background: #01c236;
}


.double-history-result__number {
    margin-top: 50%;
    display: block;
    font-weight: 800;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    height: 100%;
    line-height: 35px;
}

.double-history-result_small {
    width: 28px;
    height: 28px;
}

.double-history-result_small:before {
    width: 34px;
    height: 34px;
}

.double-history-result_medium {
    width: 34px;
    height: 34px;
}

.double-history-result_medium:before {
    width: 42px;
    height: 42px;
}

.games-table__body-td_low_padding {
    padding: 12px 0;
}

.games-table__body-td_no_padding {
    padding: 0;
}

.double-history-result:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.games-table__body-battle-bet {
    padding: 5px 15px;
    color: #fff;
    border-radius: 20px;
    font-weight: 500;
}

.games-table__body-battle-winner {
    display: block;
    margin: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.games-table__body-td__fair {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
    cursor: pointer;
}

.games-table__body-td__fair a {
    display: block;
    color: #999;
}

.games-table__body-td__fair:hover span {
    color: #fff;
}

.status-success {
    color: var(--color-green);
}

.status-error {
    color: #d11313;
}

.status-progress {
    color: #FFD800;
}

.status-pending {
    /* color: #fe9705; */
    color: var(--color-semi-gray);
}

.status-warning {
    color: #ff8300;
}
.games-table__body-status-image {
    margin-right: 8px;
    font-size: 16px;
}

.games-table__body-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
}

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

.text-right {
    text-align: right;
    padding-right: 20px;
}

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

.user-profile-caregories__dropdown-arrow {
    font-size: 12px;
    margin-left: 7px;
    display: inline-block;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease;
}

.user-profile-caregories__dropdown-arrow.active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.language-dropdown-icon.active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.games-dropdown {
    display: none;
    position: absolute;
    z-index: 100;
    top: 57px;
    width: 150px;
    left: 0;
    background: var(--color-primary-dark);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.games-dropdown__game {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px;
    color: lightgray;
    border-bottom: 1px solid #494949;
}

.games-dropdown__game:hover {
    background: var(--color-dark-button-hover);
    color: #fff;
    cursor: pointer;
}

.games-dropdown__game_last-child {
    border-bottom: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.games-dropdown__game-icon {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
    color: var(--color-accent);
}

.games-table__body-wallet-image {
    width: 25px;
    vertical-align: middle;
}

.games-table__popup-caller {
    color: #fff;
}

.partnership {
    display: none;
}

.ref-summary {
    text-align: center;
    line-height: 1.75;
}

.ref-profit {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ref-profit__item {
    border-left: 1px solid rgba(255, 255, 255, .1);
}

.ref-profit__item:first-child {
    border: none;
}

.ref-profit__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.ref-profit__img span {
    font-size: 30px;
    color: var(--color-accent);
}

.ref-profit__numer {
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    margin-top: 6px;
}

.ref-profit__descr {
    font-size: 14px;
    margin-top: 3px;
}

.ref-levels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    max-width: 700px;
    margin: auto;
    margin-top: 25px;
}

.ref-levels__line {
    position: absolute;
    border-radius: 5px;
}

.ref-levels__lvl {
    text-align: center;
    z-index: 4;
}

.ref-levels__lvl:last-child {
    margin-right: -1px;
    max-width: 36px;
}

.ref-levels__lvl-title {
    background: var(--color-primary-dark);
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
}

.ref-levels__line {
    position: absolute;
    width: 100%;
    height: 10px;
    background: var(--color-primary-dark);
    top: 35px;
    z-index: 0;
    left: 0;
}

.your-code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    margin-top: 15px;
    border: 1px solid var(--color-primary-dark);
    border-radius: 7px;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
}

.your-code__link {
    position: relative;
    margin-top: 10px;
    width: 100%;
}

.partnership__code {
    border: 1px solid var(--color-accent);
    background: none;
    color: #fff;
    border-radius: 5px;
    padding: 13px 10px;
    width: 400px;
    font-size: 14px;
}

.partnership__copy {
    position: absolute;
    right: 2px;
    background: #373737;
    top: 1px;
    margin: 0;
    padding: 12px 20px;
    font-size: 18px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    opacity: .5;
    cursor: pointer;
}

.partnership__copy:hover {
    opacity: 1;
}

.ref-value {
    font-weight: bold;
    color: #fff;
}

.ref-levels__friends {
    font-size: 11px;
    color: #a3a3a3;
    margin-top: 7px;
}

.ref-levels__percent {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

.ref-levels__line:before {
    content: '';
    position: absolute;
    width: 0;
    height: 10px;
    background: var(--color-accent);
    top: 0;
    border-radius: 5px;
    z-index: 0;
    left: 0;
}

.partner-lvl-1 .ref-levels__line:before {
    width: 0;
}

.partner-lvl-2 .ref-levels__line:before {
    width: 25%;
}

.partner-lvl-3 .ref-levels__line:before {
    width: 50%;
}

.partner-lvl-4 .ref-levels__line:before {
    width: 75%;
}

.partner-lvl-5 .ref-levels__line:before {
    width: 100%;
}

.partner-lvl-1 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-2 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-2 .ref-levels__lvl_lvl-2 .ref-levels__lvl-title,
.partner-lvl-3 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-3 .ref-levels__lvl_lvl-2 .ref-levels__lvl-title,
.partner-lvl-3 .ref-levels__lvl_lvl-3 .ref-levels__lvl-title,
.partner-lvl-4 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-4 .ref-levels__lvl_lvl-2 .ref-levels__lvl-title,
.partner-lvl-4 .ref-levels__lvl_lvl-3 .ref-levels__lvl-title,
.partner-lvl-4 .ref-levels__lvl_lvl-4 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-2 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-3 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-4 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-5 .ref-levels__lvl-title {
    background: var(--color-accent);
}


.mode-block {
    display: flex;
    justify-content: center;
    position: relative;
    user-select: none;
    transition: .2s all ease;
    border-radius: 8px;
    overflow: hidden;
}

.mode-block:hover {
    transform: translateY(-5px);
}


.mode-block img {
    max-width: 100%;
}

.mode-block__title {
    position: absolute;
    bottom: 32px;
    font-size: 2em;
    color: #fff;
    font-weight: 800;
}

.mode-block__description {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .85);
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    padding: 12px;
    transform: translateY(100%) translateZ(0);
    transition: .2s transform ease;
    will-change: transform;
}

.mode-block__question {
    display: block;
    background: radial-gradient(50% 50% at 50% 50%, rgb(255 255 255 / 50%) 0%, rgba(255, 255, 255, 0.1) 100%);
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    z-index: 3;
}

.mode-block__question:hover+.mode-block__description {
    transform: translateY(0) translateZ(0);
}

.mode-block__question:active {
    pointer-events: none;
}

/* .modes {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(190px,1fr));
    grid-gap: 10px;
} */


.dark-button {
    border: none;
    outline: none;
    background: var(--color-primary-dark);
    color: #fff;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
    border-radius: 3px;
}

.dark-button i {
    font-size: 16px;
    margin-right: 3px;
}

.dark-button:hover {
    background: var(--color-accent);
    cursor: pointer;
}

.small-button {
    padding: 5px 10px;
}

.modal_game-outcome__title {
    display: flex;
    align-items: center;
}

.modal_game-outcome__icon {
    margin-right: 10px;
}

.modal_game-outcome__icon span {
    font-size: 28px;
    display: block;
}

.modal_game-outcome__info {
    line-height: 1.3;
}

.modal_game-outcome__name {
    font-size: 15px;
    text-transform: capitalize;
}

.modal_game-outcome__date {
    font-size: 11px;
    color: #838383;
}

.modal_game-outcome .heading {
    padding: 15px 20px;
}

.modal_game-outcome__stats-cards {
    display: flex;
    padding: 20px;
    justify-content: space-between;
}

.modal_game-outcome__stats-card {
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid var(--color-main-border);
    color: #898989;
    font-size: 13px;
    margin: 0 5px;
}

.modal_game-outcome__stats-card:first-of-type {
    margin-left: 0;
}

.modal_game-outcome__stats-card:last-of-type {
    margin-right: 0;
}

.modal_game-outcome__stats-value {
    margin-top: 5px;
    font-size: 15px;
    color: #fff;
    font-weight: 800;
}

.modal_game-outcome__stats-value_gold {
    color: var(--color-accent);
}

.modal_game-outcome__stats-value.inactive {
    color: #898989;
}

.modal_game-outcome__game {
    background: var(--color-secondary-bg);
}

.modal_game-outcome__game-container {
    padding: 20px;
}

.mines-field.mines-field__profile-history {
    width: 100%;
}

.jackpot-outcome__profile-history {
    text-align: center;
    color: #cdcdcd;
}

.jackpot-outcome__profile-history-ticket {
    color: #43cb39;
    font-size: 20px;
    margin-top: 5px;
    line-height: 1.6;
}

.jackpot-outcome__profile-history-ticket-array {
    color: #666666;
    font-size: 13px;
    margin-top: 5px;
    line-height: 1.6;
}

.jackpot-outcome__profile-history-ticket-interval.active {
    color: #43cb39;
}

.jackpot-outcome__profile-history-ticket-delimiter {
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    margin: 7px;
}

.modal_game-outcome__fair-form {
    padding: 20px;
}

.modal_game-outcome__fair-form .modal-fair-form-row:last-of-type {
    margin-bottom: 0;
}

.modal_game-outcome__fair-old {
    display: none;
}

.modal_game-outcome__game-container__double-bets {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-around;
}

.modal_game-outcome__game-container__double-bet {
    width: 100%;
    text-align: center;
    padding: 10px;
    padding: 10px 7px;
    border: none;
    outline: none;
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
}

.modal_game-outcome__game-container__double-bet_yellow {
    background: var(--color-accent);
}

.modal_game-outcome__game-container__double-bet_green {
    background: #01d139;
}

.modal_game-outcome__game-container__double-bet_black {
    background: var(--color-double-black);
}

.double-outcome-container__profile-history {
    padding: 20px;
}

.user-profile-overview-loop__logout {
    text-align: center;
    margin-top: 10px;
    display: none;
}

.display-game-outcome {
    display: block;
}

.display-game-outcome:hover {
    cursor: pointer;
}

.display-game-outcome:hover .display-game-btn {
    color: #fff;

}

.display-game-btn {
    margin-top: 4px;
    font-size: 12px;
    color: #8d8d8d;
    display: inline-block;
    font-weight: 400;
}

.mobile-logout {
    border: none;
    outline: none;
    background: none;
    color: #838383;
    border-bottom: 1px dashed #838383;
    font-size: 12px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.mobile-logout:hover {
    color: #b3b3b3;
}

.rates-full {
    margin: 15px 0 0;
    text-align: center;
    position: relative;
}


.rates-loop:after {
    width: 334px;
    height: 70px;
    position: absolute;
    top: -13px;
    left: -11px;
    content: '';
}

.rates-top.green {
    background: #01c236;
}

.rates-top.yellow {
    background: var(--color-accent);
}

.rates-top.black {
    background: #494b4e;
}

.rates-loop:nth-child(3) {
    margin: 0;
}

.profile .rank {
    position: absolute;
    width: 25px;
    top: 6px;
    left: 52px;
}

.rates-loop {
    width: 240px;
    background: var(--color-primary-dark);
    border-radius: 20px;
    position: relative;
    padding: 0 0 10px;
    margin: 0 7px;
    display: -ms-inline-grid;
    display: inline-grid;
    overflow: hidden;
}

.rates-top {
    height: 40px;
    line-height: 40px;
    margin: 0 0 7px;
}

.rates-top div {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 14px;
}

.rates-loop .rates-top span {
    color: #fff;
}

.rates-i:last-child {
    border: 0;
}

.rates-i {
    overflow: hidden;
    border-bottom: 1px solid var(--color-main-border);
    padding: 5px;
}

.rates-ava {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0 10px 0 0;
}

.rates-ava img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.rates-ava img.rank {
    width: 20px;
    position: absolute;
    top: -2px;
    right: -5px;
}

.battle .ava {
    position: relative;
}

.battle .ava img.rank {
    width: 20px;
    position: absolute;
    top: -4px;
    right: -6px;
}

.rates-login {
    float: left;
    font-size: 12px;
    color: #ffb432;
    line-height: 40px;
    margin-left: 45px;
    text-align: left;
}

.rates-login b {
    display: block;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    width: 120px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.rates-loop:nth-child(1) .rates-rub {
    border: 1px solid #f5c135;
}

.rates-loop:nth-child(2) .rates-rub {
    border: 1px solid #249541;
}

.rates-loop:nth-child(3) .rates-rub {
    border: 1px solid #313336;
}

.rates-rub {
    float: right;
    width: 58px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    margin: 6px 0 0;
    color: #cdcdcd;
    font-size: 14px;
    line-height: 26px;
}

.contact-us {
    display: flex;
    width: 100%;
}

.contact {
    flex: 1;
    border: 2px solid var(--color-accent);
    border-radius: 10px;
    padding: 15px 15px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.contact:last-of-type {
    margin-right: 0;
}

.contact__image {
    font-size: 30px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    height: 100%;
    border-right: 1px solid var(--color-main-border);
    color: #fff;
}

.contact__info {
    margin-left: 15px;
    line-height: 1.45;
}

.contact__title {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.contact__link {
    font-size: 13px;
    margin-bottom: 2px;
}

.contact__goto {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);

}

.contact__goto a {
    background: var(--color-primary-dark);
    padding: 10px 10px 7px 10px;
    border-radius: 4px;
    transition: .2s;
    color: #fff;
}

.contact__goto a:hover {
    background: var(--color-accent);
}

.help-q {
    border: 1px solid var(--color-main-border);
    padding: 15px;
    color: #cdcdcd;
    border-radius: 8px;
    transition: .2s color;
    cursor: pointer;
    margin-top: 15px;
}

.help-q.active,
.help-q:hover {
    color: #fff;
}

.help-a {
    border: 1px solid rgb(51, 51, 51);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 15px;
    color: #cdcdcd;
    font-size: 13px;
    line-height: 1.4;
}

.help-a__way {
    font-weight: 800;
    font-size: 14px;
    color: #fff;
    margin-bottom: 2px;
}

.rules-paragraph {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.rules-paragraph li {
    line-height: 1.65;
}

.rules-paragraph .hl {
    color: #fff;
}

.help-a__text {
    margin-bottom: 10px;
}

.help-a__text:last-of-type {
    margin-bottom: 0;
}

.contact-time {
    color: #7d7d7d;
    font-size: 13px;
}

.double-history {
    text-align: center;
    background: #21203a;
    border-radius: 25px;
    padding: 15px;
}

.double-history li {
    width: 200px;
    display: inline-block;
    margin: 10px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 15px;
    padding: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.double-history li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.double-history li .game {
    color: #cdcdcd;
    font-size: 15px;
}

.double-history li .number {
    margin: 15px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    font-size: 28px;
    color: #fff;
}

.double-history li .check-random {
    padding: 0 20px;
}

.double-history li .check-random .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    border: 0;
}

.double-history li .check-random .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.historyTable.active {
    display: block;
}

.historyTable {
    display: none;
    text-align: center;
    background: #21203a;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 60px;
}

.historyTable li {
    width: 200px;
    display: inline-block;
    margin: 10px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 15px;
    padding: 15px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    position: relative;
}

.historyTable li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.historyTable li .game {
    display: inline-block;
    color: #cdcdcd;
}

.historyTable li .show {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 15px;
}

.historyTable li .show a {
    background: #058aff;
    color: #fff;
    padding: 5px;
    border-radius: 100%;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.historyTable li .show a:hover {
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    color: #fff;
}

.historyTable li .user .avatar {
    margin: 15px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
}

.historyTable li .user .avatar img {
    width: 80px;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 40px 0 #1b2741;
    box-shadow: 0 0 40px 0 #1b2741;
}

.historyTable li .user .username {
    border-bottom: 1px dotted #353;
    padding-bottom: 5px;
}

.historyTable li .win {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
    margin-top: 5px;
}

.historyTable li .win span {
    width: 50%;
    display: inline-block;
}

.historyTable li .ticket {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
}

.historyTable li .ticket span {
    width: 50%;
    display: inline-block;
    color: #3aca5b;
}

.historyTable li .chance {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
}

.historyTable li .chance span {
    width: 50%;
    display: inline-block;
    color: #f6a25c;
}

.historyTable li .checkApi {
    margin-top: 20px;
}

.historyTable li .checkApi .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    border: 0;
}

.historyTable li .check .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.main {
    max-width: 860px;
    margin: 20px auto;
    width: 100%;
    overflow: hidden;
    padding: 0 7px;
    color: #cdcdcd;
}

.main .games-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.game-cards {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.game-card {
    position: relative;
    margin: 0 10px 10px 0;
    overflow: hidden;
    border-radius: 7px;
}

.game-card:hover .game-card_bg {
    transform: scale(1.07);
    filter: brightness(100%);
}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

.game-card_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: brightness(0.85);
    transition: 0.4s all ease;
}

.game-card_mines-bg {
    background: url('Mines1.png') no-repeat;
    background-size: cover;
}

.game-card_double-bg {
    background: url('Double1.png') no-repeat;
    background-size: cover;
}

.game-card_crash-bg {
    background: url('Crash1.png') no-repeat;
    background-size: cover;
}

.game-card_dice-bg {
    background: url('Dice1.png') no-repeat;
    background-size: cover;
}

.game-card_jackpot-bg {
    background: url('Jackpot1.png') no-repeat;
    background-size: cover;
}

.game-card_raffle-bg {
    background: url('Raffle1.png') no-repeat;
    background-size: cover;
}

.game-card_tower-bg {
    background: url('towerd.png') no-repeat;
    background-size: cover;
}

.game-card_wheel-bg {
    background: url('wheelf.png') no-repeat;
    background-size: cover;
    /* background-position: center center; */
}

.game-card_overgo-bg {
    background: url('overgo.png') no-repeat;
    background-size: cover;
    background-position: center center;
}

.game-card_crash,
.game-card_dice,
.game-card_wheel,
.game-card_jackpot,
.game-card_stub {
    margin-right: 0;
}

.game-card:hover {
    cursor: pointer;
}

.game-card:hover .game-card__title-arrowed span {
    transform: translateX(10px);
}


.game-card_small {
    flex: 11;
    height: 390px;
}

.game-card_medium {
    flex: 1;
    height: 390px;
}

.game-card_big {
    flex: 20;
    height: 390px;
}

.game-card__contents {
    position: absolute;
}

.game-card_small .game-card__contents {
    left: 20px;
    right: 20px;
    top: 130px;
}

.game-card_medium .game-card__contents {
    left: 20px;
    max-width: 250px;
    top: 120px;
}

.game-card_big .game-card__contents {
    top: 60px;
    left: 20px;
    max-width: 250px;
}

.game-card__title {
    border-radius: 7px;
    background: var(--color-accent);
    color: #000;
    font-size: 42px;
    font-weight: 800;
    padding: 10px 5px 10px 15px;
    display: inline-block;
}

.game-card__title-arrowed {
    display: flex;
    align-items: center;
}

.game-card__title-arrowed span {
    font-size: 32px;
    font-weight: 800;
    padding: 0 20px 0 10px;
    transition: .4s all ease;
}

.game-card__description {
    font-size: 14px;
    color: #fff;
    line-height: 1.45;
    margin-top: 15px;
}



.coin {
    padding: 25px 45px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.coin .games {
    text-align: center;
    position: relative;
}

.coin .games li {
    display: inline-block;
    margin: 10px;
    background: #21203a;
    border-radius: 15px;
    padding: 15px;
    width: 250px;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
}

.coin .games li .game {
    position: relative;
}

.coin .games li .game .user {
    display: inline-block;
}

.coin .games li .game .user .avatar {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.coin .games li .game .user .avatar img {
    width: 100%;
    border-radius: 10px;
}

.coin .games li .game .user .username {
    float: left;
    line-height: 60px;
    max-width: 150px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.coin .games li .game .bet {
    line-height: 60px;
    display: block;
    color: #cdcdcd;
}

.coin .games li .game .bet span {
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    padding: 10px 15px;
    color: #fff;
}

.coin .games li .game .button {
    line-height: 60px;
}

.coin .games li .game .button .joinGame {
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    padding: 10px 30px;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    height: 100%;
}

.coin .games li .game .button .joinGame:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(123, 109, 243, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(123, 109, 243, 0.4);
        box-shadow: 0 0 0 0 rgba(123, 109, 243, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.coin .last {
    margin-bottom: 60px;
    text-align: center;
}

.coin .last li {
    background: #21203a;
    position: relative;
    display: inline-block;
    border-radius: 15px;
    overflow: hidden;
    width: 250px;
    margin: 10px;
}

.coin .last li .title {
    margin: 0 20px;
    padding: 15px 0;
    border-bottom: 2px solid var(--color-main-border);
    text-align: left;
    font-size: 14px;
}

.coin .last li .gameBlock {
    display: block;
    padding: 15px 15px 0;
}

.coin .last li .check-random {
    margin-bottom: 10px;
    height: 35px;
}

.coin .last li .check-random .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    border: 0;
}

.coin .last li .check-random .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.coin .last li .gameBlock .vs {
    width: 40px;
    height: 40px;
    margin: 5px auto;
    display: block;
    background: #272a4f;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    border-radius: 100%;
    border: 1px solid #2c3058;
    font-weight: 700;
    color: #7b6df3;
}

.coin .last li .gameBlock .left {
    width: 100%;
    display: block;
    text-align: left;
    height: 40px;
}

.coin .last li .gameBlock .left .avatar {
    float: left;
    margin-right: 7px;
}

.coin .last li .gameBlock .left .avatar img {
    width: 40px;
    border-radius: 10px;
}

.coin .last li .gameBlock .left .username {
    line-height: 20px;
    white-space: nowrap;
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.coin .last li .gameBlock .left .tickets {
    font-size: 12px;
    position: absolute;
    left: 63px;
    color: #3aca5b;
}

.coin .last li .gameBlock .center {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 15px;
}

.coin .last li .gameBlock .center [id*=timer_] {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: inline-block;
}

.coin .last li .gameBlock .center [id*=count_num_] {
    position: absolute;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    background-color: #293857;
    overflow: hidden;
    border: 4px #293857 solid;
    font-size: 47px;
    line-height: 92px;
    color: #fff;
}

.coin .last li .gameBlock .center .time {
    position: relative;
    width: 100px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: table-row;
}

[id*=coin-flip-cont_] {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: inline-block;
}

[id*=coin_] {
    position: relative;
    width: 100px;
    height: 100px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

[id*=coin_] .front,
[id*=coin_] .back {
    position: absolute;
    width: 100px;
    height: 100px;
}

[id*=coin_] .front img,
[id*=coin_] .back img {
    width: 92px;
}

[id*=coin_] .front {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    border-radius: 50%;
    background-color: #293857;
    overflow: hidden;
    border: 4px #293857 solid;
}

.winner_a {
    -webkit-box-shadow: 0 0 0 rgba(123, 109, 243, 0.4);
    box-shadow: 0 0 0 rgba(123, 109, 243, 0.4);
    -webkit-animation: pulse_winner 2s infinite;
    animation: pulse_winner 2s infinite;
}

[id*=coin_] .back {
    -webkit-transform: translateZ(-1px) rotateY(180deg);
    transform: translateZ(-1px) rotateY(180deg);
    border-radius: 50%;
    background-color: #293857;
    overflow: hidden;
    border: 4px #293857 solid;
}

[id*=coin_].animation1800 {
    -webkit-animation: rotate1800 4s linear forwards;
    animation: rotate1800 4s linear forwards;
}

[id*=coin_].animation1980 {
    -webkit-animation: rotate1980 4s linear forwards;
    animation: rotate1980 4s linear forwards;
}

[id*=coin_].animation2160 {
    -webkit-animation: rotate2160 4s linear forwards;
    animation: rotate2160 4s linear forwards;
}

@-webkit-keyframes rotate1800 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(1800deg);
    }
}

@keyframes rotate1800 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(1800deg);
        -webkit-transform: rotateY(1800deg);
        transform: rotateY(1800deg);
    }
}

@-webkit-keyframes rotate1980 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(1980deg);
        -webkit-transform: rotateY(1980deg);
        transform: rotateY(1980deg);
    }
}

@keyframes rotate1980 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(1980deg);
        -webkit-transform: rotateY(1980deg);
        transform: rotateY(1980deg);
    }
}

@-webkit-keyframes rotate2160 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(2160deg);
    }
}

@keyframes rotate2160 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(2160deg);
    }
}

.coin .last li .gameBlock .right {
    text-align: right;
    height: 40px;
}

.coin .last li .gameBlock .right .avatar {
    float: right;
    margin-left: 7px;
}

.coin .last li .gameBlock .right .avatar img {
    width: 40px;
    border-radius: 10px;
}

.coin .last li .gameBlock .right .username {
    line-height: 20px;
    white-space: nowrap;
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.coin .last li .gameBlock .right .tickets {
    font-size: 12px;
    position: absolute;
    right: 62px;
    color: #3aca5b;
}

.coin .last li .bottom {
    display: block;
    background: var(--color-primary-dark);
    padding: 10px;
}

.coin .last li .bank {
    text-align: center;
    color: #cdcdcd;
    float: right;
}

.coin .last li .bottom .win {
    display: block;
    text-align: center;
}

.coin .last li .bottom .win span {
    display: block;
    color: #3aca5b;
}

.fair-window {
    background: var(--color-secondary-bg);
    border-radius: 7px;
    margin-bottom: 20px;
}

.profile-block {
    background: var(--color-secondary-bg);
    border-radius: 12px;
    color: #cdcdcd;
    width: 100%;
}

.profile-block__userbalance {
    margin-top: 8px;
    padding: 15px;
    line-height: 1.6;
}

.profile-block__kyc {
    margin-top: 8px;
    padding: 15px;
    line-height: 1.6;
}

.profile-block__promocode {
    margin-top: 8px;
    padding: 15px;
}

.profile-block__stats {
    margin-top: 8px;
}

.profile-block__logout {
    margin-top: 8px;
}

.profile-block__games {
    margin-top: 8px;
}

.profile-block__ranks {
    padding: 15px;
}

.profile__balance {
    font-size: 13px;
    display: flex;
    align-items: center;
}

.profile__coin-balance-val {
    color: var(--color-accent);
    font-size: 16px;
    margin-left: auto;
}

.profile__raffle-balance-val {
    color: rgb(20, 244, 3);
    font-size: 16px;
    margin-left: auto;
    display: flex;
    align-items: center;

}

.login__social {
    margin-top: 10px;
    display: flex;

}


.login__social-bonus {
    position: absolute;
    top: -2px;
    right: -2px;
    font-size: 10px;
    line-height: 1;
    padding: 2px 4px;
    background: #0e9980;
    color: #fff;
    font-weight: 800;
    border-radius: 3px;
    font-size: 11px;
}

.login__social-btn {
    background: var(--color-semi-dark);
    color: #ffffff;
    font-size: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    cursor: pointer;
    margin-right: 7px;
    position: relative;
    flex: 1;
    max-width: 33%;
}


.login__social-btn:last-of-type {
    margin-right: 0;
}

.login__social-btn:hover {
    cursor: pointer;
    background: var(--color-dark-button-hover);
}

.login__social-btn_inactive {
    pointer-events: none;
    opacity: .6;
}

.login__social-btn_guest {
    background: var(--color-primary-light);
}

.login__social-btn_guest:hover {
    background: var(--color-lighter-hover);
}

.support-new-messages_mobile {
    top: -7px;
    right: -20px;
}

.profile__social-network {
    border-bottom: 1px solid var(--color-main-border);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.profile__social-network:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.profile__long-value {
    color: #fff;
    max-width: 185px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.game-sidebar__number-picker {
    display: flex;
    justify-content: space-around;
    background: var(--color-primary-dark);
    border-radius: 7px;
}

.select2 {
    width: 100%;
}

body .select2-container--default .select2-selection--single {
    background-color: var(--color-primary-dark);
    border: 1px solid #424242;
    border-radius: 8px;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ccc;
    line-height: 47px;
    padding-left: 15px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 47px;
}

body .select2-container .select2-selection--single {
    height: 47px;
}

body .select2.hasErrors+.select2-container--default .select2-selection--single {
    border-color: #ff4b4b;
}

.game-sidebar__number-picker-option.game-sidebar__number-picker-option_active,
.game-sidebar__number-picker-option.game-sidebar__number-picker-option_active:hover {
    background: var(--gradient-yellow);
}

.game-sidebar__number-picker-option {
    width: 100%;
    border-radius: 6px;
    border: none;
    outline: none;
    background: transparent;
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

.game-sidebar__number-picker-option:disabled {
    pointer-events: none;
}

.game-sidebar__number-picker-option:hover {
    background: var(--color-primary-hover);
    cursor: pointer;
}

.tower-field.tower-field__profile-history {
    width: 100%;
}

.tower-field {
    width: 450px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}



.mines-outcome-container .tower-field .mines-cell.mines-cell_diamond .mines-cell-content {
    background-size: 32%;
}

.mines-outcome-container .tower-field .mines-cell.mines-cell_bomb .mines-cell-content {
    background-size: 32%;
}

.tower-outcome-container {
    display: flex;
}

.tower-field .mines-cell.mines-cell_diamond .mines-cell-content {
    background-size: 40%;
}

.tower-field .mines-cell.mines-cell_bomb .mines-cell-content {
    background-size: 40%;
}

.tower-field .mines-cell_revealed .mines-cell-content {
    animation: revealIconZoomInOutTower .6s;
}

.tower-field .mines-cell_revealed.no-animated-circles .mines-cell-content {
    transition: background-size .3s ease-in;
    animation: none;
    background-size: 32%;
    /* animation: revealIconZoomInOutTowerSmall .6s; */
}

.tower-field .mines-cell_opened .mines-cell-content {
    animation: revealIconZoomInOutTower .6s;
}

.tower-field .mines-cell {
    background: var(--color-tower-cell);
    margin: 0 2px 4px 2px;
    width: calc(20% - 4px);
}

.tower-field .mines-cell_revealed-after {
    background: var(--color-tower-cell-dark);
}


.tower-field .mines-cell_revealed {
    background: var(--color-tower-cell-dark);
}


.tower-field .mines-cell_revealed.mines-cell .mines-cell-content {
    background-size: 32%;
    opacity: 0.5;
}

.tower-field .mines-cell_revealed-after.mines-cell .mines-cell-content {
    background-size: 32%;
    opacity: 0.5;
}

.tower-field .mines-cell_opened .mines-cell-reveal-animation:before {
    animation: revealCircleLarge .4s 0.25s linear;
}

.tower-field .mines-cell_opened {
    background: var(--color-tower-cell-light);
}

.tower-field .mines-cell.selected {
    background: var(--color-tower-cell-light);
    transition: .2s all ease;
}

.tower-field .mines-cell.selected:after {
    content: '\e93a';
    position: absolute;
    font-size: 14px;
    font-weight: 800;
    font-family: 'icomoon' !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #7d7d7d;
}

.tower-field .mines-cell.selected:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 11px;
    height: 11px;
    background: hsl(0deg 0% 11%);
    transition: .2s all ease;
}

.tower-field .mines-cell.selected:hover {
    background: var(--color-tower-cell-hover);
}

.tower-field .mines-cell.selected:hover:after {
    transform: translate(-50%, -50%) rotate(45deg) scale(1.25);
    background: hsl(0deg 0% 8%);

}


.tower-field .mines-cell_opened .mines-cell-reveal-animation:before {
    animation: revealCircleSmall .4s .25s linear;
}

.tower-field .mines-cell_opened .mines-cell-reveal-animation:after {
    animation: revealCircleLarge .4s .25s linear;
}

.faq {
    background: var(--color-secondary-bg);
    border-radius: 7px;
}

.faq .faq-title {
    background: var(--color-primary-dark);
    color: #cdcdcd;
    font-weight: 400;
    border-radius: 4px;
    font-size: 15px;
    padding: 13px;
    cursor: pointer;
    margin-bottom: 10px;
}

.know-more {
    float: right;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 100;
    border-bottom: 1px solid var(--color-accent);
}

.def_link {
    border-bottom: 1px solid var(--color-accent);
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
}

.def_link:hover {
    border-bottom: 0;
    cursor: pointer;
}

.faq .decimal-list li {
    padding: 2px 0 21px 34px;
    position: relative;
    word-wrap: break-word;
    color: #cdcdcd;
    font-weight: 400;
    line-height: 1.3;
}

.faq .decimal-list li:before {
    content: '\2014';
    width: 25px;
    height: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
}

.rules {
    border-radius: 12px;
    color: #cdcdcd;
    font-weight: 400;
    background: var(--color-secondary-bg);
}

.rules .decimal-list {
    counter-reset: item;
}

.rules .decimal-list li {
    padding: 2px 0 21px 34px;
    position: relative;
    word-wrap: break-word;
    line-height: 1.3;
}

.rules .decimal-list li:before {
    content: counter(item);
    counter-increment: item;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--color-secondary-bg);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
}

.rules .rules-title {
    background: var(--color-primary-dark);
    font-size: 15px;
    border-radius: 5px;
    font-weight: 400;
    padding: 13px;
    margin-bottom: 10px;
}

.ref {
    background: var(--color-secondary-bg);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 60px;
    color: #cdcdcd;
}

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

.ref .info .title {
    margin: 5px 0;
    color: #cdcdcd;
}

.ref .info .desc {
    font-weight: 100;
    font-size: 14px;
    font-style: italic;
}

.user-profile .code .code-title {
    display: inline-block;
    color: #cdcdcd;
}

.user-profile .code .value {
    position: relative;
    width: 270px;
    display: inline-block;
    margin-top: 15px;
}

.user-profile .code .value input {
    background: transparent;
    padding: 8px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    width: 100%;
    border: solid 1px var(--color-accent);
}


.small-placeholder::-webkit-input-placeholder {
    font-size: 14px;
}

.small-placeholder::-moz-placeholder {
    font-size: 14px;
}

.small-placeholder:-ms-input-placeholder {
    font-size: 14px;
}

.small-placeholder::-ms-input-placeholder {
    font-size: 14px;
}

.small-placeholder::placeholder {
    font-size: 14px;
}



.user-profile .code .value input::-webkit-input-placeholder {
    font-size: 14px;
}

.user-profile .code .value input::-moz-placeholder {
    font-size: 14px;
}

.user-profile .code .value input:-ms-input-placeholder {
    font-size: 14px;
}

.user-profile .code .value input::-ms-input-placeholder {
    font-size: 14px;
}

.user-profile .code .value input::placeholder {
    font-size: 14px;
}

.user-profile .code .value button {
    position: absolute;
    right: 2px;
    background: #373737;
    top: 2px;
    margin: 0;
    padding: 9px 20px;
    font-size: 18px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    opacity: .8;
    color: #cdcdcd;
    cursor: pointer;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.user-profile .code .value button:hover {
    opacity: 1;
    color: #fff;
}

.ref .lvl {
    text-align: right;
    margin: 25px 0;
}

.ref .lvl .lvl-title {
    display: inline-block;
}

.ref .lvl .value {
    display: inline-block;
    width: 50%;
    position: relative;
    margin-left: 20px;
}

.ref .lvl .desc {
    margin: 15px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
    color: #cdcdcd;
}

.ref .lvl .lvl-up {
    background: #fff;
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    z-index: 2;
    border: 2px solid #cdcdcd;
    display: inline-block;
    color: var(--color-primary-dark);
    position: absolute;
    top: -16px;
    left: 0;
}

.ref .lvl .value .lvl-bar {
    width: 100%;
    background-color: rgba(255, 194, 0, .3);
    border-radius: 3px;
    height: 10px;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.ref .lvl .value .lvl-bar .lvl-bar-fill {
    height: 10px;
    display: block;
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    border-radius: 3px;
    width: 0;
    -webkit-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.ref .moneyRef {
    position: relative;
    color: #cdcdcd;
}

.ref .moneyRef .to-get {
    display: block;
}

.ref .moneyRef .to-get i,
.ref .moneyRef .to-get span,
.ref .moneyRef .total i,
.ref .moneyRef .total span {
    color: var(--color-accent);
}

.ref .moneyRef .total {
    display: block;
}

.getMoney {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    display: block;
    width: 130px;
    margin: 10px auto;
}

.getMoney:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.ref .btn {
    margin: 20px auto;
    display: block;
    width: 150px;
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    text-align: center;
}

.ref .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

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

.ref .button a {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 5px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    display: inline-block;
    cursor: pointer;
}

.ref .button a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.text-list {
    margin-left: 10px;
}

.text-list li {
    list-style-type: none;
    position: relative;
    padding-left: 15px;
    margin-top: 10px;
}

.text-list li:before {
    content: "\2192";
    /* content: '\01F449';	 */
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: -10px;
    color: #fff;
}

.text-scatter {
    font-weight: 800;
    background-color: rgb(55, 193, 226);
    background-image: linear-gradient(90deg, rgba(55, 193, 226, 1) 0%, rgba(219, 233, 201, 1) 100%);
    background-size: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.text-wild {
    font-weight: 800;
    background-color: rgb(255, 210, 40);
    background-image: linear-gradient(90deg, rgba(255, 210, 40, 1) 0%, rgba(248, 121, 138, 1) 100%);
    background-size: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.slot__coeff-num {
    margin-left: 2px;
    margin-right: 5px;
    color: #8c8c8c;
}

.slot__coeff-info {
    flex-shrink: 0;
}

.slot__coeff-extra {
    margin-left: 7px;
}

.slot__coeff-coeff {
    font-weight: 500;
    color: #fff;
}

.slot__coeff-img {
    width: 60px;
    flex-shrink: 0;
}

.slot__coeff-img img {
    max-width: 100%;
}

.tab-lines {
    padding: 15px;

}

.slot__lines {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
    grid-gap: 1rem;
}

.line__row {
    display: flex;
}

.slot__line {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.line_cell {
    width: 15px;
    border-radius: 2px;
    height: 15px;
    background: var(--color-slot-line-cell);
    margin: 2px;
}

.line_cell.active {
    background: #fff;
}

.line__number {
    text-align: center;
    margin-bottom: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}


.slot__coeffs-table {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 0.5rem;
}

.slot__coeffs-tweak {
    margin-bottom: 20px;
    color: #cdcdcd;
    line-height: 2;
}

.slot__coeff {
    display: flex;
    align-items: center;
    /* background: var(--color-secondary-bg);
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 13%), 0 1px 2px 0 rgb(0 0 0 / 8%); */
    border: 1px solid var(--color-main-border);
    padding: 10px 15px 10px 2px;
    border-radius: 7px;
    color: #cdcdcd;
}

.slot__coeff_scatter {
    grid-column: 1/-1;
}

.ref table {
    text-align: center;
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
}

.ref table thead {
    font-size: 15px;
}

.ref table thead th {
    padding: 5px;
    border-bottom: 3px solid #dcdde0;
}

.ref table tbody tr td {
    padding: 5px;
    border-bottom: 1px solid #dcdde0;
}

.window-body {
    padding: 15px;
}

.bonus {
    background: var(--color-secondary-bg);
    color: #cdcdcd;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
}

.bonus .line .cooldown {
    position: absolute;
    background: rgba(41, 56, 87, 0.74);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999;
    line-height: 80px;
}

.bonus .line .cooldown .title {
    font-size: 18px;
    color: #fff;
}

.bonus .title {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.bonus .desc {
    text-align: center;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0 15px;
}

.bonus .line {
    overflow: hidden;
    position: relative;
    height: 80px;
}

.bonus-carousel-wrapper {
    background: var(--color-primary-dark);
    border-radius: 7px;
    padding: 7px 10px;
    margin: 15px 0;
    position: relative;
}

.bonus .line .carousel {
    width: 99999px;
    font-size: 0;
    color: #fff;
}

.bonus .line .carousel li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    border-radius: 5px;
    overflow: hidden;
    width: 80px;
    height: 80px;
}

.bonus .line .carousel li .sum {
    display: block;
    height: 100%;
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    line-height: 72px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 40;
}

.bonus .line .carousel li .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bonus .line .carousel li .bottom {
    height: 20px;
    line-height: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 11px;
    text-align: center;
}

.bonus-carousel-wrapper .picker {
    height: 94px;
    width: 3px;
    background: var(--color-accent);
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 50;
}

.tab-page {
    display: none;
}

.tab-page.active {
    display: block;
}

.bonus .button {
    text-align: center;
    margin: 20px 0 10px;
}

.getBonus {
    width: 200px;
}

.slots-bonus-buy {
    display: flex;
    align-items: center;
    background: var(--color-primary-dark);
    color: #fff;
}

.slots-bonus-buy:hover {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    background: var(--color-dark-button-hover);
}

.slots-bonus-price {
    margin-left: auto;
    border-left: 1px solid #676464;
    padding-left: 15px;
    color: var(--color-accent);
    white-space: nowrap;

}

/* .bonus .button .getBonus {
padding:15px 20px;
background:-o-linear-gradient(290deg,var(--color-accent),var(--color-accent));
background:linear-gradient(160deg,var(--color-accent),var(--color-accent));
border-radius:5px;
color:#fff;
text-transform:uppercase;
font-size:15px;
font-weight:700;
-webkit-transition:.2s linear;
-o-transition:.2s linear;
transition:.2s linear;
cursor:pointer;
height:100%;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}

.bonus .button .getBonus:hover {
text-decoration:none;
-webkit-box-shadow:0 0 20px 0 rgba(255,193,7,0.5);
box-shadow:0 0 20px 0 rgba(255,193,7,0.5);
} */

.payHistory:last-child {
    margin-bottom: 60px;
}

.payHistory {
    background: var(--color-secondary-bg);
    padding: 15px 0;
    border-radius: 15px;
    color: #cdcdcd;
    position: relative;
    overflow: hidden;
}

.payHistory .list {
    padding: 0 15px;
    width: 100%;
    table-layout: inherit;
}

.ranks-table.payHistory .list {
    padding: 0;
}

.payHistory .list tbody {
    width: 100%;
}

.payHistory .list th {
    text-align: center;
    padding: 5px;
    background: transparent;
    font-weight: 100;
    border-bottom: 1px solid #c2a8f2;
}


.payHistory .list tbody tr {
    background: var(--color-secondary-bg);
}

.payHistory .list tbody tr:nth-child(2n) {
    background: var(--color-secondary-bg);
}

.payHistory .list tbody td .ok {
    color: #8BC34A;
}

.payHistory .list tbody td .dec {
    color: #F44336;
}

.payHistory .list tbody td {
    text-align: center;
    padding: 10px;
    font-weight: 100;
}

.maintenance-mode {
    position: absolute;
    top: 50%;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    text-align: center;
}

.maintenance-mode h2 {
    color: #fff;
    font-weight: 400;
    font-size: 28px;
}

.maintenance-mode img {
    width: 300px;
}

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

.buttoninzc {
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    font-weight: 700;
    cursor: pointer;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    display: inline-block;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 34px;
    vertical-align: middle;
    outline: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.buttoninzc:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}



.game-area-overgo-coeff {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: auto;
    padding: 30px 0;
}

.game-area_overgo {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    height: 100%;
}

.game-area_overgo-wrapper {
    padding: 20px 15px 0 15px;
}

.game-area-overgo-coeff-val {
    font-family: 'Open Sans', sans-serif;
    font-size: 70px;
    font-weight: 800;
    color: #fff;
}

.game-area-overgo-coeff-val.overgo-coeff-playing {
    color: #fff;
}

.game-area-overgo-coeff-val.overgo-coeff-lost {
    color: #d7444a;
}

.game-area-overgo-coeff-val.overgo-coeff-won {
    color: var(--color-green);
}

.game-sidebar__input:disabled.half-opacity {
    opacity: 0.6;
}

.half-opacity {
    opacity: 0.6;
}

.overgo-helper-btn {
    min-width: 40px;
    border-right: 1px solid #3e3e3e;
}


.overgo-history-line {
    transition: .2s all ease;
    min-height: 33px;
    position: relative;
}

@keyframes overgoright {
    0% {
        transform: translate(-100%);
    }
}

@keyframes overgoright-stb {
    0% {
        transform: translate(-100%);
    }
}


.overgo-history-stub {
    border: 1px solid #555555;
    padding: 5px 25px;
    margin: 3px 4px;
    border-radius: 6px;
    color: #ababab;
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    position: absolute;
    top: 0px;
    left: 0;
}

.overgo-history-line .overgo-history-line-item .crash-item {
    will-change: transform;
    animation-duration: 200ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    overflow: visible !important;
    transform: translateZ(0);
    perspective: 1000px;
    backface-visibility: hidden;
}

.overgo-history-line .overgo-history-line-item:nth-child(2n) .crash-item {
    animation-name: overgoright;
}

.overgo-history-line .overgo-history-line-item:nth-child(2n + 1) .crash-item {
    animation-name: overgoright-stb;
}



.overgo-pick-helper {
    position: absolute;
    display: flex;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    top: -16px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: .1s;
}

.overgo-pick-helper.active {
    visibility: visible;
    opacity: 1;
}


.overgo-pick-helper-mobile {
    position: absolute;
    display: flex;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    bottom: -43px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: .1s;
    width: 100%;
}

.overgo-pick-helper-mobile.active {
    visibility: visible;
    opacity: 1;
}

.overgo-pick-helper-mobile .overgo-helper-btn {
    min-width: 38px;
}

.overgo-outcome-container {
    padding: 20px;
    text-align: center;
}

/* 
.game-sidebar__play-button.game-sidebar__play-button_full_width:not(.game-sidebar__play-button_flat),
.ny_button,
section.wrapper:nth-child(4) .dark_btn.has-gradient-border.dark-btn_outlined{
    position: relative;
}

.game-sidebar__play-button.game-sidebar__play-button_full_width:not(.game-sidebar__play-button_flat):before,
.ny_button:before,
section.wrapper:nth-child(4) .dark_btn.has-gradient-border.dark-btn_outlined:before
{
    content: '';
    position: absolute;
    background: url(../images/snow.png) no-repeat;
    background-size: contain;
    top: -8px;
    bottom: 0px;
    left: -1px;
    right: -1px;
    z-index: 8;
    pointer-events: none;
}

.ny_button:before,
section.wrapper:nth-child(4) .dark_btn.has-gradient-border.dark-btn_outlined:before{
    top: -5px;
} */

.snowy-button.snowy-button-double:before {
    top: -1px;
}

.tournament__inactive {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 20px 15px;
}

.tournament__inactive-image {
    width: 190px;
    margin-bottom: 20px;
}

.tournament__inactive-image img {
    max-width: 100%;
}

.tournament__inactive-text {
    font-size: 14px;
    max-width: 450px;
    text-align: center;
    line-height: 1.45;
}

.tournament__info {
    display: flex;
    align-items: center;
}

.tournament__infoblock {
    background-color: var(--color-semi-dark);
    border-radius: 10px;
    padding: 12px 15px;
    flex: 1;
    margin-right: 10px;
    box-shadow: 0px 3px 2px -2px rgb(0 0 0 / 25%);
    display: flex;
    align-items: center;
}

.tournament__infoblock:last-of-type {
    margin-right: 0;
}

.infoblock__icon {
    width: 60px;
    margin-right: 20px;
}

.infoblock__icon img {
    max-width: 100%;
}

.infoblock__title {
    margin-bottom: 7px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #606060;
}

.infoblock__value {
    font-size: 20px;
    color: #fff;
    font-weight: 900;
}

.to-see__content {
    padding: 15px;
    color: #fff;
}

.to-see__cta {
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 15px;
}

.old-domain {
    background: var(--color-primary-light);
    padding: 8px 10px;
    border-radius: 8px;
    color: #7b7b7b;
    text-decoration: line-through;
}

.old-amount {
    background: var(--color-primary-light);
    padding: 8px 10px;
    border-radius: 8px;
    color: #7b7b7b;
    text-decoration: line-through;
}

.domain-change {
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
    align-items: center;
}

.new-domain {
    background: var(--color-green);
    padding: 8px 10px;
    border-radius: 8px;
    color: #fff;
    font-weight: 800;
}

.new-amount {
    background: var(--color-green);
    padding: 8px 10px;
    border-radius: 8px;
    color: #fff;
    font-weight: 800;
}

.to-see__footer {
    text-align: center;
    font-size: 13px;
    color: #bcbcbc;
}

.game-container__table__player.game-container__table__player_hl img {
    border-color: var(--color-accent);
}

.tournament-htp-btn {
    margin-left: auto;
    font-size: 13px;
    color: #898989;
    border-bottom: 1px dashed;
    cursor: pointer;
    margin-left: auto;
}

.tournament-htp-btn:hover {
    border-bottom: none;
}


.tournament-table__bet {
    color: #fff;
    display: flex;
    align-items: center;
}

.tournament-table__bet span{
    color: var(--color-accent);
    margin-right: 7px;
    font-size: 16px;
}


.tournament-table__win {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tournament-table__win span{
    color: var(--color-green);
    margin-right: 7px;
    font-size: 16px;
}



.disputes {
    width: 100%;
    margin: 15px;
}

.dispute__create-area {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 10px 0;
    margin-bottom: 30px;
}








.dice {
    margin: 20px auto;
    font-weight: 700;
    max-width: 800px;
    padding-bottom: 0;
    width: 100%;
    color: #cdcdcd;
}

.bet-input.dice-bet-input {
    margin: 0 0 13px;
}

.dice .dice-loop {
    text-align: center;
    background: var(--color-secondary-bg);
    padding: 25px;
    border-radius: 15px;
}

.dice .dice-history td {
    position: relative;
}

.dice .dice-history img.rank {
    width: 25px;
    margin-right: 5px;
}

.dice .dice-loop .left {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    width: 45%;
}

.dice .dice-loop .left span {
    display: inline-block;
    padding: 0 5px;
    font-size: 30px;
    color: #fff;
}

.dice .dice-loop .left .val {
    border-radius: 15px;
    background: var(--color-primary-dark);
}

.dice .dice-loop .left .ico-balance {
    background: url(../images/ico-balance.svg) no-repeat center;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -15px 0 0;
    background-size: 100% auto;
}

.dice .dice-loop .left .title {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #cdcdcd;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.dice .dice-loop .left .val {
    padding: 10px;
    color: #fff;
}

.dice .dice-loop .left .bet .multipler {
    padding: 15px 0;
}

.dice .dice-loop .left .bet .multipler .action {
    padding: 7px;
    background: var(--color-primary-dark);
    border-radius: 2px;
    color: #cdcdcd;
    cursor: pointer;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    font-weight: 400;
    outline: none;
    border: none;
}

.dice .dice-loop .left .bet .multipler .action:hover {
    background: var(--color-accent);
    color: #fff;
}

.dice .dice-loop .left .bet .value {
    display: inline-block;
    width: 100%;
    position: relative;
}

.dice .dice-loop .left .bet .value input {
    background: var(--color-primary-dark);
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    width: 100%;
    border: solid 1px var(--color-accent);
}

.dice .dice-loop .left .bet .value i {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
}

.dice-loop .val i {
    font-size: 22px;
}

.dice .dice-loop .right {
    display: inline-block;
    vertical-align: bottom;
    padding: 8px;
    width: 45%;
    position: relative;
}

.dice .dice-loop .right .factor .title,
.dice .dice-loop .right .chance .title {
    font-size: 14px;
    color: #cdcdcd;
    font-weight: 400;
    margin: unset;
}

.dice .dice-loop .right .stats .title {
    font-size: 16px;
    color: #cdcdcd;
    margin: unset;
}

.dice .dice-loop .right .stats .val {
    font-size: 22px;
}

.dice .dice-loop .right .stats .val span {
    color: #cdcdcd;
}

.dice .dice-loop .right .stats .val .ico-balance {
    background: url(../images/ico-balance.svg) no-repeat center;
    width: 15px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 3px;
    background-size: 100% auto;
}

.dice .dice-loop .right .factor,
.dice .dice-loop .right .chance {
    border-radius: 15px;
    background: var(--color-primary-dark);
    width: 100%;
    padding: 17px;
    margin: 12px 0;
}

.dice .dice-loop .right .stats {
    border-radius: 15px;
    width: 100%;
    padding: 0;
}

.dice .dice-loop .right .stats .block {
    margin: 0 10px;
    display: inline-block;
}

.dice .dice-loop .right .val {
    padding: 0 5px;
    font-size: 35px;
    color: #fff;
}

.dice .dice-loop .wrap_range {
    width: 100%;
    position: relative;
}

.index__home__indicator__inner__number {
    position: absolute;
    z-index: 10;
    top: 27px;
}

.index__home__indicator__inner__number__roll.is-negative {
    color: var(--color-primary-dark);
}

.index__home__indicator__inner__number__roll.is-positive {
    color: var(--color-accent);
}

.index__home__indicator__inner__number__result,
.index__home__indicator__inner__number__roll {
    padding: .5em 0;
    border-radius: 3px;
}

.index__home__indicator__inner__number__roll {
    position: relative;
    z-index: 10;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    will-change: color, transform, animation;
    pointer-events: none;
    -webkit-transform-origin: 50% calc(90%);
    -ms-transform-origin: 50% calc(90%);
    transform-origin: 50% calc(90%);
}

.index__home__indicator__inner__number__roll img {
    width: 60px;
}

.index__home__indicator__inner__number__roll span {
    position: absolute;
    z-index: 1;
    top: -20px;
    background: var(--color-primary-dark);
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    -webkit-transform: translate(-50%, calc(-52%));
    -ms-transform: translate(-50%, calc(-52%));
    transform: translate(-50%, calc(-52%));
    font-weight: 800;
    border-radius: 5px;
}

.index__home__indicator__inner__number__roll span:before {
    position: absolute;
    content: '';
    bottom: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: -1;
    height: 0;
    z-index: -1;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.index__home__indicator__inner__number__roll.is-negative span {
    border-bottom: 4px solid #d11313;
}

.index__home__indicator__inner__number__roll.is-negative span:before {
    border-top: 8px solid #d11313;
}

.index__home__indicator__inner__number__roll.is-positive span {
    border-bottom: 4px solid var(--color-green);
}

.index__home__indicator__inner__number__roll.is-positive span:before {
    border-top: 8px solid var(--color-green);
}

.dice .dice-loop .range {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    height: 10px;
    -webkit-transform: translate(0, 45px);
    -ms-transform: translate(0, 45px);
    transform: translate(0, 45px);
    border-radius: 15px;
    z-index: 10;
}

.dice .dice-loop .range::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    background: var(--color-primary-dark);
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid var(--color-accent);
}

.dice .dice-loop .range::-moz-range-thumb {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    background: var(--color-primary-dark);
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid var(--color-accent);
}

.dice .dice-loop .range::-ms-thumb {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    background: var(--color-primary-dark);
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid var(--color-accent);
}

.dice .dice-loop .range::-webkit-slider-runnable-track {
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(var(--color-primary-dark)), color-stop(0, var(--color-accent)));
    background: linear-gradient(to right, var(--color-primary-dark) calc(var(--val)*1%), var(--color-accent) 0);
}

.dice .second-title {
    margin-top: 20px;
    padding-bottom: 7px;
}

.dice .dice-loop .range::-ms-fill-lower {
    background: var(--color-primary-dark);
}

.dice .dice-loop .range::-ms-fill-upper {
    background: var(--color-accent);
}

.dice .dice-loop .wrap {
    margin-bottom: 30px;
    margin-top: 80px;
}

.games-table__dice_history td:first-child,
.games-table__dice_history th:first-child {
    width: 35%;
    padding-right: 10px;
}

.games-table__dice_history__name {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.dice .dice-loop .wrap .btn {
    padding: 15px 20px;
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    height: 100%;
    outline: none;
    border: none;
}

.dice .dice-loop .wrap .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.dice .dice-loop .hash {
    font-size: 13px;
    font-weight: 400;
}

.dice .dice-loop .hash span {
    word-wrap: break-word;
}

.dice .dice-history {
    background: var(--color-secondary-bg);
    padding: 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.dice .dice-history table {
    width: 100%;
    table-layout: inherit;
}

.dice .dice-history table tbody .checking {
    padding: 5px 8px;
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    height: 100%;
}

.dice .dice-history table tbody .checking:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

::-moz-selection {
    background: black;
}

::selection {
    background: #000;
}

.game-area_dice-input-side {
    text-align: left;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.game-area_dice-input-sfx {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 45px;
    padding: 0 12px;
    color: #fff;
    pointer-events: none;
    white-space: nowrap;
}

.game-area_dice-input-cp {
    opacity: 0;
}

.game-area_dice-options {
    display: flex;
    padding: 20px 10px;
    border-radius: 7px;
    border: 1px solid var(--color-main-border);
    width: 100%;
}

.game-area_dice-option {
    flex: 1;
    margin: 0 5px;
}

.game-area_dice {
    padding: 20px 15px;
    flex-direction: column;
}

.game-area_dice-input-switch {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 45px;
    height: calc(100% - 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    pointer-events: none;
    border-radius: 4px;
    transform: rotate(90deg);
    transition: .2s ease;
}

.game-area-slider {
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 50px;
    position: relative;
}

.game-area-slider:before {
    position: absolute;
    content: '';
    height: 50px;
    width: 100%;
    background: var(--color-dice-slider);
    left: 0;
    top: 15px;
    border-radius: 50px;
}

.inner-game-area-slider {
    position: relative;
}

.game-area-slider .irs-line {
    left: 1px;
}

.game-area-slider .irs--round .irs-line {
    background-color: var(--color-dice-slider-line);
}

.game-area-slider.reversed .irs--round .irs-line {
    background-color: var(--color-accent);
}

.game-area-slider.reversed .irs--round .irs-bar {
    background-color: #3c3c3c;
}

.game-area_dice-input-switch.rotated {
    transform: rotate(270deg);
}

.dice-switch-wrapper:hover .game-area_dice-input-switch {
    color: var(--color-accent);
}

.game-area-slider.modal_game-outcome__game-container-dice {
    margin-bottom: 25px;
}

.modal_game-outcome__game-container-dice .irs--round .irs-single {
    top: 60px;
}

.modal_game-outcome__game-container-dice .irs--round .irs-single::before {
    top: -6px;
    bottom: auto;
    border-top-color: transparent;
    border-bottom-color: #fff;
}

.modal_game-outcome__game-container-dice .irs--round .irs-single {
    padding: 5px 4px;
}

.modal_game-outcome__game-container-dice .irs-with-grid .irs-grid {
    opacity: 0;
}

.modal_game-outcome__game-container-dice .irs-disabled {
    opacity: 1;
}

.game-area-possible-winning {
    margin: 30px 0 25px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game-area-possible-winning__bg {

    color: var(--color-semi-dark);
    font-size: 170px;
}

.irs-handle.state_hover {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.game-area-pw-bg-img {
    margin-top: 100px;
    width: 300px;
}

.game-area-possible-winning-wrapper {
    position: absolute;
    top: 32%;
    left: 49%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.game-area-possible-winning-val {
    font-family: 'Open Sans', sans-serif;
    font-size: 80px;
    font-weight: 800;
    color: var(--color-accent);
}

.game-area-possible-winning-text {
    color: #fff;
    font-size: 12px;
}

.games-table__dice_history {
    font-size: 13px;
    font-weight: 400;
}

.popup-input-no-focus:focus {
    border-color: transparent;
}

.fairness {
    background: var(--color-secondary-bg);
    color: #cdcdcd;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.paragraph-subheading {
    font-weight: 800;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.paragraph-list {
    font-size: 13px;
    margin-left: 15px;
    margin-bottom: 10px;
    line-height: 1.5;

}

.paragraph-list-item {
    list-style-type: disc;
}

.fairness__fields-section {
    max-width: 600px;
    margin: 10px auto;
}

.form-label {
    margin-bottom: 10px;
    font-size: 13px;
}

.tower-fy-table-border-bottom {
    border-bottom: 2px solid #757575;
}

.tower-fy-table-border-bottom:last-of-type {
    border-bottom: none;
}

#mode-select {
    color: #fff;
}

.avatars-options .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 6px;
    top: 0;
}

.avatars-options  .simplebar-track {
    bottom: -6px;
}

.avatars-options .simplebar-scrollbar:before {
    background: var(--color-main-bg);
    /* opacity: .7; */
}

.form-row {
    margin-bottom: 20px;
}

.game-outcome-container {
    border-radius: 10px;
    border: 1px solid var(--color-primary-hover);
}

.mines-outcome-container {
    padding: 20px;
}

.double-outcome-container {
    padding: 30px;
}

.wheel-outcome-container {
    padding: 20px;
}

.jackpot-outcome-container {
    padding: 20px;
    text-align: center;
}

.jackpot-outcome-title {
    font-size: 13px;
}

.jackpot-outcome-winner-ticket {
    margin-top: 15px;
    font-size: 25px;
    color: #43cb39;
}

.fairness__calculation {
    margin-top: 30px;
}

.fairness__calculation-block {
    margin: 10px 0 15px 0;
}

.fairness__calculation-block:last-of-type {
    margin-bottom: 5px;
}

.fairness__calculation-title {
    color: var(--color-accent);
    margin-bottom: 5px;
}

.fairness__calculation-table {
    font-family: monospace;
    padding-bottom: 10px;
}

.fairness__calculation-table td {
    padding: 0 10px 0 0;
    white-space: nowrap;
    color: #fff;
    font-size: 14px !important;
}

.accent-color {
    color: var(--color-accent);
}

.notifications__list .simplebar-scrollbar::before {
    background-color: var(--color-gray);
}

.fairness__calculation-table-wrapper .simplebar-scrollbar::before {
    background-color: #505050;
}

.fairness__calculation-table td.fair-accent {
    color: var(--color-accent);
}

.fairness__calculation-table td.inactive {
    color: #4a4a4a;
}

.fairness__mines-outcome-table-wrapper {
    padding-bottom: 12px;
}

.fairness__mines-outcome-table {
    font-size: 13px;
    border-spacing: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.fairness__mines-outcome-table tbody {
    font-family: monospace;
    font-size: 13px;
}

.fairness__mines-outcome-table td.inactive {
    color: #4a4a4a;
}

.monospace-block {
    font-family: monospace;
}

.text-inactive {
    color: #4a4a4a;
}

.fairness__mines-outcome-table td {
    border: 1px solid rgb(50, 50, 50);
    padding: 5px;
    white-space: nowrap;
    color: #fff;
}

.fairness_bytes-to-numbers {
    display: flex;
    flex-flow: row nowrap;
}

.fairness__mines-summary {
    margin-top: 20px;
}

.fairness__hortable {
    margin-right: 50px;
}

.fairness__mines-outcome-hl {
    background: #0e9980;
    font-weight: bold;
}

.modal-fair-form-row {
    margin-bottom: 15px;
}

.modal-fair-label {
    font-size: 13px;
    color: #b9b9b9;
    margin-bottom: 7px;
}

.dice-outcome-container .irs-handle.single {
    display: none;
    width: 0;
    height: 0;
}

.dice-outcome-container .irs-bar.irs-bar--single {
    width: 100%;
    border-radius: 5px;
}

.dice-outcome-container {
    padding: 22px 20px 15px 20px;
}

.modal_game-outcome__game-container_overgo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}

.overgo-target-val_profile-history {
    font-size: 16px;
    color: #fff;
}

.overgo-target_profile-history {
    color: #898989;
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.6;
}

.modal_game-outcome__game-container_crash {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.modal_game-outcome__game-container_crash .chart-info {
    padding-bottom: 10px;
    padding-left: 0;
}

.modal_game-outcome__crash-auto {
    font-size: 13px;
    color: #898989;
    margin-bottom: 10px;
}

.modal_game-outcome__crash-auto-value {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.crash-outcome-container {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}

.crash-outcome-container .chart-info {
    padding-bottom: 10px;
    padding-left: 0;
}

.fair-slide {
    width: 100%;
}

.fair-slider__page {
    margin: 0 15px;
}

.modal-fair-check {
    padding: 12px;
    background: var(--color-secondary-bg);
    text-align: center;
    font-size: 13px;
}

.fair-slider-controls {
    padding: 0 15px;
    margin-bottom: 15px;
    display: flex;
}

.fair-slider-control {
    background: none;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    color: #cdcdcd;
    padding: 5px 10px;
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    font-size: 13px;
}

.fair-slider-control:disabled {
    opacity: 0.5;
}

.fair-slider-next {
    margin-left: auto;
    padding-right: 5px;
}

.fair-slider-prev {
    padding-left: 5px;
}

.battle {
    padding: 25px 45px;
    font-weight: 700;
    max-width: 800px;
    margin: 20px auto;
    padding-bottom: 0;
    width: 100%;
    border-radius: 15px;
    background: var(--color-secondary-bg);
}

.battle .block {
    text-align: left;
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    background: var(--color-primary-dark);
    border-radius: 15px;
    color: #cdcdcd;
}

.battle .fair-item {
    width: 50%;
    font-size: 3em;
    text-align: center;
}







.battle .fair-item-bottom {
    margin-top: 10px;
    width: 50%;
    text-align: center;
}

.battle .flex {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.battle .roulette svg {
    position: relative;
}

.battle .counter {
    height: 100%;
    font-size: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 700;
    background-color: var(--color-primary-dark);
    border-radius: 200px;
}

.battle-last {
    overflow: hidden;
    margin: 16px 0;
    background: var(--color-primary-dark);
    padding: 10px;
    white-space: nowrap;
    border-radius: 50px;
    position: relative;
    font-size: 0;
    border-radius: 25px;
}

.battle-last:after {
    content: '';
    background: -o-linear-gradient(left, transparent, var(--color-primary-dark));
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-primary-dark)));
    background: linear-gradient(to right, transparent, var(--color-primary-dark));
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
}

.battle-last-i:nth-child(1) {
    margin: 0;
}

.battle .bet-input .value {
    width: 40%;
    margin-right: 10px;
}

.battle-last-i {
    width: 43px;
    height: 43px;
    line-height: 42px;
    text-align: center;
    color: #cdcdcd;
    font-size: 15px;
    margin: 0 0 0 7px;
    display: inline-block;
    border: 0;
    cursor: pointer;
    border-radius: 100%;
}

.battle-last-i.red {
    background-color: var(--color-accent);
}

.battle-last-i.blue {
    background-color: #640cab;
}

.battle .no-copy {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.battle .makeBet {
    padding: 15px;
    background: #21203a;
    border-radius: 10px;
    cursor: pointer;
    margin: 20px 0;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    font-size: 14px;
    font-weight: 700;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.battle .makeBet.redBet:hover {
    -webkit-box-shadow: 0 0 20px rgba(255, 194, 0, 0.5);
    box-shadow: 0 0 20px rgba(255, 194, 0, 0.5);
}

.battle .makeBet.blueBet:hover {
    -webkit-box-shadow: 0 0 20px rgba(100, 12, 171, 0.5);
    box-shadow: 0 0 20px rgba(100, 12, 171, 0.5);
}

.battle .icon {
    margin-right: 10px;
}

.battle .lastgame {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 15px;
    -webkit-transition: -webkit-transform 100ms ease-out;
    transition: -webkit-transform 100ms ease-out;
    -o-transition: transform 100ms ease-out;
    transition: transform 100ms ease-out;
    transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
    cursor: pointer;
    outline: none;
    border-width: 0;
}

.battle .lastgame:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.battle .game {
    text-align: center;
    color: #cdcdcd;
}

.battle .bets {
    width: 350px;
    display: inline-block;
    vertical-align: top;
}

.battle .line {
    width: 100%;
    height: 3px;
    border-radius: 1.5px;
    margin-bottom: 10px;
}

.battle .sum {
    margin-left: auto;
    border-radius: 8px;
    width: 58px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    color: #cdcdcd;
    font-size: 14px;
    line-height: 26px;
}

#blue_list .sum {
    border: 1px solid #640cab;
}

#red_list .sum {
    border: 1px solid var(--color-accent);
}

.battle .list-item {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}

.battle #red_list .ava {
    border: 1px solid var(--color-accent);
}

.battle #blue_list .ava {
    border: 1px solid #640cab;
}

.battle .ava {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    background-color: #e3e7ce;
}

.battle .list {
    padding: 0 20px;
}

.game-history {
    background: var(--color-primary-dark);
    padding: 5px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.game-history .history {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.game-history .history:after {
    content: '';
    background: -o-linear-gradient(left, transparent, var(--color-primary-dark));
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-primary-dark)));
    background: linear-gradient(to right, transparent, var(--color-primary-dark));
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
    pointer-events: none;
}

.crash-game .second-title {
    margin-top: 5px;
    padding-bottom: 7px;
}

.crash-bets {
    min-height: 150px;
}

.crash-bets.hidden {
    display: none;
}

.footer {
    margin: auto auto 5px auto;
    max-width: 1200px;
    /* display: grid; */
    display: flex;
    flex-direction: column;
    color: var(--color-gray);
    padding-top: 60px;
}

.footer__header {
    display: grid;
    grid-template-columns: 1fr 1fr 1.5fr;
}

.footer__branding {
    margin-right: 20px;
    line-height: 1.8;
}

.footer__nav {
    margin-right: 15px;
}

.footer__logo {
    max-width: 175px;
    display: block;
}

.footer__logo img {
    max-width: 100%;
}

.footer-security {
    margin-left: auto;
    max-width: 350px;
    text-align: right;
}

.copyright {
    font-size: 0.9rem;
}

.text-nav__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* line-height: 3; */
}

.text-nav__block:first-of-type {
    margin-right: 40px;
}


.text-nav__link {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 25px;
    border-bottom: 1px dashed transparent;
}

.text-nav__link:hover {
    border-bottom-color: #fff;
    cursor: pointer;
}

.footer__nav {
    display: flex;
}

.footer__security {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.encryption {
    padding: 5px 10px;
    border-radius: 8px;
    background: var(--gradient-green);
    color: #fff;
    font-weight: 500;
    font-size: 0.9em;
    display: flex;
    align-items: center;
}

.footer__encryption {
    margin-bottom: 10px;
}

.encryption__icon {
    font-size: 1.3rem;
    margin-right: 7px;
}

.footer__footer {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid var(--color-main-border);
    margin-top: 10px;
}


.using-ssl {
    color: var(--color-green);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 7px;
}

.using-ssl span {
    font-size: 22px;
    margin-right: 5px;
}

.footer-terms {
    display: flex;
}

.footer-term {
    margin-right: 8px;
}

.footer-term:last-of-type {
    margin-right: 0;
}

.footer-link {
    display: flex;
    align-items: center;
}

.footer-link__icon {
    color: var(--color-accent);
    margin-right: 5px;
    font-size: 14px;
}



.rng-test {
    font-size: .9rem;
    line-height: 1.4;
    color: var(--color-gray);
    text-align: right;
    /* font-weight: 500; */
}

.rng-links {
    display: block;
    margin-top: 5px;
}




.footer-item {
    display: block;
    color: #fff;
    margin-right: 20px;
}

.footer-link {
    color: var(--color-gray);

    font-size: .9rem;
    font-weight: 500;
}

.footer-link_light {
    color: #fff;
}

.footer-link:hover {
    color: #ddd;
}

.footer-link_light:hover {
    color: #fff;
}

.footer-social {
    color: #fff;
}

.footer-social_first {
    margin-left: 30px;
}

.footer__socials {
    display: flex;
    align-items: center;
}

.footer__items {
    display: flex;
    align-items: center;
}



.version {
    color: var(--color-gray);
    font-size: 0.8em;
    font-weight: 800;
}

.footer__version {
    margin-left: auto;
    margin-right: 0;
}

.crash-item {
    border: 2px solid;
    padding: 5px 10px;
    margin: 3px 3px;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
}

.crash-history {
    margin-top: 10px;
}

.crash-bet {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    border-radius: 7px;
    background: var(--color-secondary-bg);
}

.crash-bet__user-wrapper {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.crash-bet__image-wrapper {
    position: relative;
    height: 50px;
}

.crash-bet__image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 4px;
    border: 1px solid #fff;
    /* margin-right: 10px; */
}

.crash-bet__rank {
    width: 25px;
    position: absolute;
    right: 6px;
    top: -2px;
}

.crash-bet__username-wrapper {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 230px;
    color: #fff;
}

.crash-bet__values {
    display: flex;
    margin-left: auto;
    color: #fff;
    align-items: center;
    margin-right: 15px;
}

.crash-bet__value {
    white-space: nowrap;
    font-size: 13px;
}

.crash-bet__sum {
    padding: 8px 15px;
    margin-right: 7px;
    color: var(--color-accent);
    font-weight: 800;
}

.crash-bet__coeff {
    padding: 7px 15px;
    margin-right: 15px;
    width: 100px;
    text-align: center;
    background: var(--color-primary-dark);
    border-radius: 4px;

    border: 2px solid var(--color-primary-dark);
}

.crash-bet__coeff_won {
    background: #43cb39;
    border-color: #43cb39;
    font-weight: 800;
}

.crash-bet__win {
    padding: 7px 15px;
    margin-right: 0px;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    border-radius: 4px;
    font-weight: 800;
    width: 100px;
    text-align: center;
}

.crash-switch.hide {
    display: none;
}

.crash-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

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

.bonus-switch.hide {
    display: none;
}



.bonus-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

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

.switcher {
    display: inline-block;
    height: 40px;
    margin-top: 3px;
    padding: 4px;
    background: var(--color-secondary-bg);
    border-radius: 2px;
    width: 208px;
    border-radius: 30px;
    border: solid 1px var(--color-main-border);
    position: relative;
}

.switcher__input {
    display: none;
}

.switcher__label {
    float: left;
    width: 50%;
    font-size: 12px;
    line-height: 30px;
    color: #cfcfcf;
    text-align: center;
    cursor: pointer;
    position: inherit;
    z-index: 10;
    transition: color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
    will-change: transform;
}

.centerer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.bonus-controls {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

.switcher__toggle {
    position: absolute;
    float: left;
    height: 34px;
    width: 50%;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    background-color: var(--color-accent);
    border-radius: 30px;
    left: 3px;
    top: 2px;
    transition: left 0.25s cubic-bezier(0.4, 0.0, 0.2, 1);
    will-change: transform;
}

.switcher__input:checked+.switcher__label {
    color: #fff;
}

.switcher__input--yang:checked~.switcher__toggle {
    left: 100px;
}

.autobets {
    display: flex;
    height: 40px;
    padding: 3px;
    border-radius: 2px;
    width: 100%;
    border-radius: 7px;
    border: solid 1px var(--color-main-border);
    position: relative;
    justify-content: space-between;
}

.autobets_mobile {
    display: none;
}

.autobets__btn {
    flex: 1;
    background: none;
    border: none;
    font-size: 12px;
    line-height: 30px;
    color: #cfcfcf;
    text-align: center;
    cursor: pointer;
    transition: color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
    border-radius: 5px;
    position: relative;
}

.autobets__btn:hover {
    color: #fff;
}

.autobets__btn.active {
    color: #fff;
    background: var(--color-primary-dark);
}

.freespins-count {
    background: var(--color-checkbox);
    position: absolute;
    top: 0px;
    right: -1px;
    font-size: 10px;
    color: #aaa;
    padding: 1px 3px;
    border-radius: 2px;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 16px;
}

.freespins-count_nonzero {
    background: #0e9980;
    color: #fff;
}

.freespin_inactive {
    color: #fff;
    border: 2px dashed var(--color-main-border);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
}

.freespin_inactive_image {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.freespin_inactive_image img {
    width: 100%;
}

.bonus-game-switch {
    border: 2px dashed var(--color-main-border);
    border-radius: 4px;
    padding: 12px 10px 35px 10px;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.toggle-control {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

.toggle-control input {
    /* position: absolute; */
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.toggle-control input:checked~.control {
    background-color: dodgerblue;
}

.toggle-control input:checked~.control:after {
    left: 32px;
}

.toggle-control .control {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 65px;
    border-radius: 20px;
    background-color: darkgray;
    transition: background-color 0.15s ease-in;
}

.toggle-control .control:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 3px;
    width: 29px;
    height: 29px;
    border-radius: 25px;
    background: white;
    transition: left 0.15s ease-in;
}


.autobets__combined-btn {
    width: 50%;
}

.autobets__combined-btn .game-sidebar__play-button_mobile {
    width: 100%;
}

.game-sidebar__header {
    display: flex;
    margin-top: 15px;
    justify-content: center;
    padding: 0 15px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

input:checked+.slider {
    background-color: var(--color-accent);
}

input:focus+.slider {
    -webkit-box-shadow: 0 0 1px var(--color-accent);
    box-shadow: 0 0 1px var(--color-accent);
}

input:checked+.slider:before {
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.crash-controls {
    position: absolute;
    top: 35px;
    left: 60px;
}

.crash-block {
    font-weight: 700;
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    padding: 5px 5px 5px 0px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    height: 400px;
}

.crash-block .crash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}

.crash-block .crash .chart {
    position: relative;
    width: 100%;
    height: 100% !important;
}

.crash-block .crash .chart .flot-text {
    color: #cdcdcd !important;
}

.chart-info {
    font-family: 'Open Sans', sans-serif;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    text-align: center;
    font-weight: 800;
    font-size: 60px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
}

.chart-info.crashed {
    color: red;
}

.chart-info.rising {
    color: #f5b417;
}

.crash-game {
    max-width: 800px;
    margin: 20px auto;
    padding: 30px;
    border-radius: 15px;
    background: var(--color-secondary-bg);
}





.default-button {
    padding: 15px 20px;
    border: 1px solid #313131;
    background: none;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.default-button:hover {
    background: var(--color-secondary-bg);
    cursor: pointer;
}


.suggest-news-button {
    margin: 20px auto 0;
    display: block;
    width: 165px;
    text-align: center;
}

.cta-block {
    background: var(--color-secondary-bg);
    border-radius: 7px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 400;
}

.cta-block h3 {
    font-size: 14px;
    color: #cdcdcd;
    font-weight: 400;
}






.captcha-bonus {
    display: flex;
    justify-content: center;
    color: #cdcdcd;
    padding: 10px 0;
}

.g-recaptcha {
    margin-left: 1px;
    /* margin:10px auto; */
}

.modal-dialog.wide-modal {
    width: 350px;
    max-width: 350px;
    justify-content: center;
}

.modal-dialog.modal-w500 {
    width: 100%;
    max-width: 500px;
    justify-content: center;
}

.modal-dialog.modal-w900 {
    width: 100%;
    max-width: 900px;
    justify-content: center;
}

.change-avatar__wrapper {
    display: flex;
    justify-content: center;
    margin: 15px 0 10px 0;
}


.modal-dialog.modal-w500 .modal {
    max-width: 500px;
    width: 100%;
}

.modal-dialog.modal-w600 {
    width: 100%;
    max-width: 600px;
    justify-content: center;
}


.modal-dialog.modal-w600 .modal {
    max-width: 600px;
    width: 100%;
}


.modal-dialog.modal-auth {
    width: 100%;
    max-width: 700px;
    justify-content: center;
}

.modal-dialog.modal-auth .modal {
    max-width: 700px;
    width: 100%;
}

.auth-modal {
    display: flex;
}

.modal-auth .modal-close {
    top: 13px;
}

.auth-modal_content,
.auth-modal_img {
    flex: 1;
}

.auth-modal_img img {
    max-width: 100%;
    display: block;
}

.authorize-required-message {
    font-size: 13px;
    color: #cdcdcd;
    padding: 0 15px 20px 15px;
    text-align: center;
}

.auth-modal_content-inner {
    padding: 20px;
    flex-direction: column;
    display: flex;
    height: 100%;
}

.auth-modal_heading {
    color: #fff;
    border-bottom: 1px solid #3d3d3d;
    padding-bottom: 10px;
}

.auth-modal_warning {
    margin-top: 15px;
    font-size: 12px;
    text-align: center;
    color: #818181;
    line-height: 1.4;
    padding: 10px;
    border: 1px solid #3d3d3d;
    border-radius: 5px;
}

.auth-modal_footer {
    /* margin-top: auto; */
    font-size: 11px;
    color: #757575;
    line-height: 1.2;
    border-top: 1px solid #3d3d3d;
    padding-top: 10px;
}

.auth-modal__help {
    margin: auto 0 15px 0;
}

.gray-link {
    color: #cdcdcd;
}

.gray-link:hover {
    color: #fff;
    cursor: pointer;
}

.auth-modal_authorize-form {
    margin-top: 20px;
}

.auth-modal_vk-btn {
    background: #5181b8;
    padding: 12px 15px;
    border-radius: 5px;
    color: #fff;
    transition: .2s all ease;
    display: block;
}

.auth-modal_vk-btn:hover {
    background: #496d97;
}

.auth-modal_vk-link {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.auth-modal_vk-icon {
    font-size: 22px;
    padding-right: 15px;
    border-right: 1px solid #94b0d1;
}

.auth-modal_continue-with-vk {
    margin-left: 15px;
}

.auth-modal__checkboxes {
    font-size: 0.9rem;
    color: var(--color-silver);
    margin-top: 20px;
}

.necessary {
    color: var(--color-red);
}

.modal-header__item {
    display: block;
    padding: 0 10px;
    text-align: center;
    position: relative;
    height: 60px;
    line-height: 60px;
    transition: .2s color;
    color: #cdcdcd;
}

.modal-header__item:hover {
    cursor: pointer;
    color: #fff;
}

.modal-header__item.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--color-accent);
}

.fair .label {
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 10px;
    color: #fff;
}

.bonus .desc a {
    border-bottom: 2px solid var(--color-accent);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.bonus .desc a:hover {
    border-bottom: none;
}

.fair .input {
    padding: 0 15px;
    background: var(--color-primary-dark);
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    width: 100%;
    border: solid 1px var(--color-accent);
}

.raffle {
    margin: 20px auto;
    font-weight: 700;
    max-width: 800px;
    padding-bottom: 0;
    width: 100%;
    color: #cdcdcd;
}

.raffle .raffle-loop {
    background: var(--color-secondary-bg);
    padding: 15px 25px;
    border-radius: 15px;
}

.raffle-nav-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.raffle-how-to-play {
    margin-left: auto;
    font-weight: 400;
    font-size: 14px;
}

.raffle-user-tickets {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.raffle-user-tickets .myicon-ticket-raffle {
    font-size: 24px;
    color: #00de09;
}

.raffle-winner-card {
    color: #cdcdcd;
    border-bottom: 1px solid #3e3e3e;
    padding-bottom: 5px;
    margin-top: 5px;
}

.raffle-winner-card:last-of-type {
    border-bottom: none;
}

.raffle-winner-sum {
    color: var(--color-accent);
    margin-left: auto;
    font-weight: bold;
    white-space: nowrap;
}

.raffle-winner-username {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
}

.progress-ring circle {
    -webkit-transition: .35s stroke-dashoffset;
    -o-transition: .35s stroke-dashoffset;
    transition: .35s stroke-dashoffset;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.raffle-countdown {
    position: relative;
    text-align: center;
}

.raffle-timer {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.raffle-timer .heading {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 400;
}

.raffle-timer-contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.raffle-timer__time-descr {
    font-size: 12px;
    display: block;
    margin-top: -10px;
}

.raffle-timer__hours,
.raffle-timer__minutes {
    font-weight: 200;
    font-size: 100px;
    display: inline-block;
}

.raffle-timer__seconds {
    font-weight: 200;
    font-size: 30px;
    margin-left: 15px;
    display: none;
}

.raffle-timer__seconds.active {
    display: inline-block;
}

.raffle-timer__seconds-word {
    margin-top: 0;
}

.raffle-timer__delimiter {
    font-size: 80px;
    font-weight: 100;
    -webkit-animation: raffle-delimiter-tick 2s infinite ease-in-out;
    animation: raffle-delimiter-tick 2s infinite ease-in-out;
}

.raffle-picker {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 370px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.raffle-bank {
    position: absolute;
    top: 65px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 14px;
    font-weight: 400;
}

.raffle-hash {
    text-align: center;
    margin-top: 9px;
    font-size: 13px;
    font-weight: 400;
}

.plinko-payouts.plinko-payouts_fair {
    margin: 0;
    padding: 15px;
}

.plinko-payouts.plinko-payouts_fair .payout-line {
    justify-content: center;
    margin-bottom: 0;
}

.plinko-payouts.plinko-payouts_fair .payout-value {
    flex: 1;
    margin: 2px;
    opacity: 0.2;
}

.plinko-payouts.plinko-payouts_fair .payout-value.winning {
    opacity: 1;
}

.modal_game-outcome__game-container .plinko-payouts.plinko-payouts_fair {
    padding: 20px 0 15px 0;
}

.raffle-bank span {
    color: var(--color-accent);
}

.raffle-picker-images {
    position: relative;
}

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

.raffle-picker-images img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 0;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
}


@-webkit-keyframes raffle-delimiter-tick {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes raffle-delimiter-tick {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

.fair .btn {
    padding: 15px 20px;
    display: block;
    margin: 15px auto 0;
    width: 170px;
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    height: 100%;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.jackpot .no-auth.no-bet {
    padding: 15px 25px;
    background: -o-linear-gradient(290deg, var(--color-accent), var(--color-accent));
    background: linear-gradient(160deg, var(--color-accent), var(--color-accent));
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    height: 100%;
    cursor: not-allowed !important;
    opacity: .5 !important;
}

.not-reached {
    opacity: .5;
}

.jackpot .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.jackpot .no-auth.no-bet {
    margin-left: 15px;
}

.double-loop .no-auth.no-bet {
    cursor: not-allowed !important;
    opacity: .5 !important;
}

.double-loop .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.battle .no-auth.no-bet {
    cursor: not-allowed !important;
    opacity: .5 !important;
}

.battle .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.crash-game .no-auth.no-bet {
    cursor: not-allowed !important;
    opacity: .5 !important;
}

.crash-game .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dice .no-auth.no-bet {
    cursor: not-allowed !important;
    opacity: .5 !important;
}

.dice .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.fair-results {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.fair .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.fair .col {
    margin-right: 5px;
    flex: 1;
}

.fair .col:last-of-type {
    margin-right: 0;
}

.fair-input {
    width: 100%;
    display: block;
    border: none;
    background: var(--color-primary-dark);
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    color: #fff;
    outline: none;
    border-radius: 4px;
}

/* .fair .col {
width:calc(50% - 5px);
max-width:250px;
display:inline-block;
} */






.game-area_plinko {
    width: 100%;
    height: 100%;
    padding: 15px 0;
    align-items: center;
    justify-content: center;
    position: relative;
}


.plinko {
    width: 100%;
    height: 100%;
    max-width: 650px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.payout-value-wrap {
    width: 100%;
    text-align: center;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: var(--color-main-border);
    font-size: 10px;
    overflow: hidden;
    position: relative;
}


.plinko-ball-multiplier {
    z-index: 5;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    top: 115%;
    color: var(--color-green);
    animation: fadeDown 0.45s linear;
    opacity: 0;
}

@keyframes fadeDown {
    0% {
        opacity: .9;
    }

    100% {
        opacity: 0;
        transform: translateY(10px);
    }
}

.game-sidebar__input-wrapper__show-mobile {
    display: none;
}

.payout-value-wrap__pocket {
    position: absolute;
    background: #028528;
    top: -6px;
    width: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    height: 40%;
    left: 50%;
}

#plinko__canvas {
    width: 100%;
}

.plinko-payouts {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    width: 100%;
    /* margin-top: -20px; */
}

.payout-line {
    display: flex;
    justify-content: space-around;
    margin-top: 3px;
}

.plinko-payouts.plinko-payouts__r8 {
    width: 85%;
}

.plinko-payouts.plinko-payouts__r8 .payout-value {
    width: 9.5%;
}


.plinko-payouts.plinko-payouts__r9 {
    width: 83%;
}

.plinko-payouts.plinko-payouts__r9 .payout-value {
    width: 8.5%;
}


.plinko-payouts.plinko-payouts__r10 {
    width: 81%;
}

.plinko-payouts.plinko-payouts__r10 .payout-value {
    width: 7.7%;
}

.plinko-payouts.plinko-payouts__r11 {
    width: 80%;
}

.plinko-payouts.plinko-payouts__r11 .payout-value {
    width: 7.2%;
}

.plinko-payouts.plinko-payouts__r12 {
    width: 79%;
}

.plinko-payouts.plinko-payouts__r12 .payout-value {
    width: 6.7%;
}


.plinko-payouts.plinko-payouts__r13 {
    width: 78%;
}

.plinko-payouts.plinko-payouts__r13 .payout-value {
    width: 6.1%;
}


.plinko-payouts.plinko-payouts__r14 {
    width: 77%;
}

.plinko-payouts.plinko-payouts__r14 .payout-value {
    width: 5.8%;
}


.plinko-payouts.plinko-payouts__r15 {
    width: 76.5%;
}

.plinko-payouts.plinko-payouts__r15 .payout-value {
    width: 5.4%;
}


.plinko-payouts.plinko-payouts__r16 {
    width: 76.1%;
}

.plinko-payouts.plinko-payouts__r16 .payout-value {
    width: 5.1%;
}



.plinko-payouts .payout-value {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    color: rgba(35, 41, 51, .65);
    font-weight: 500;
    font-size: .8em;
    z-index: 2;
    transform-origin: 0 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

@keyframes bucket_drop {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(35%);
    }

    100% {
        transform: translateY(0%);
    }
}

@keyframes bucket_drop1 {
    0% {
        transform: translateY(0px);

    }

    100% {
        transform: translateY(35px);

    }
}

.plinko-payouts .payout-value.animated {
    animation: bucket_drop .3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
    /* animation: 3s infinite alternate bucket_drop1; */
}



.explode {
    -webkit-animation: explode 1s ease-out infinite;
    animation: explode 1s ease-out infinite;
}

chat-smiles-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    overflow-x: auto;
    height: 100%;
}

.chat-smiles {
    width: 263px;
    height: 325px;
    border: 1px solid #c2a8f2;
    border-radius: 2px;
    position: absolute;
    top: -316px;
    right: -13px;
    z-index: 99;
    background-color: #21203a;
    padding: 7px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.chat-smiles:after,
.chat-smiles:before {
    content: '';
    border: solid transparent;
    position: absolute;
    top: 323px;
    right: 45px;
    width: 0;
}

.chat-smiles:before {
    border-top-color: #c2a8f2;
    border-width: 12px;
    z-index: 999;
}

.chat-smiles:after {
    border-top-color: #21203a;
    border-width: 10px;
    margin-right: 2px;
    z-index: 1000;
}

.chat-smile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 5px;
    cursor: pointer;
}

.games-table__dice_history td:nth-child(4),
.games-table__dice_history th:nth-child(4) {
    text-align: center;
}

.games-table__dice_history td:nth-child(6),
.games-table__dice_history th:nth-child(6) {
    text-align: right;
}

@-webkit-keyframes explode {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes explode {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes blink {
    0% {
        color: #cdcdcd;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        color: rgba(7, 7, 7, 0);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        color: #cdcdcd;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes blink {
    0% {
        color: #cdcdcd;
    }

    50% {
        color: rgba(7, 7, 7, 0);
    }

    100% {
        color: #cdcdcd;
    }
}

@-webkit-keyframes pulse_winner {
    0% {
        -webkit-box-shadow: 0 0 0 0 #01c236;
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px #01c236;
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse_winner {
    0% {
        -webkit-box-shadow: 0 0 0 0 #01c236;
        box-shadow: 0 0 0 0 #01c236;
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.btn-vk-navbar {
    padding: 15px 30px;
    background: -o-linear-gradient(290deg, #058AFF, #a60cff);
    background: linear-gradient(160deg, #058AFF, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
}

.btn-vk-navbar:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(108, 155, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(108, 161, 243, 0.75);
}

.btn-historyTable {
    padding: 10px;
    background: -o-linear-gradient(right, #be94f8, #7a6cf3);
    background: -webkit-gradient(linear, right top, left top, from(#be94f8), to(#7a6cf3));
    background: linear-gradient(to left, #be94f8, #7a6cf3);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    border: 0;
}

.btn-historyTable:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.fas-battle {
    display: unset !important;
}

.text-clip {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-right: 5px;
}

.head-game {
    width: calc(100% + 16px);
    margin-left: -8px;
}

.main-width {
    overflow: hidden;
}

@media(max-width: 1370px) {
    .double-button button {
        margin-bottom: 15px;
    }

    .rates-loop {
        margin-bottom: 15px;
    }
}

@media(max-width: 1349px) {
    .makeBet-Jackpot-xs {
        margin-top: 10px;
        display: inline-block;
    }
}

@media(max-width: 1344px) {
    .bet-input-value-double {
        margin-bottom: 30px;
    }
}

@media(max-width: 1330px) {
    .makeBet-pvp-xs {
        margin-top: 10px;
        display: inline-block;
    }

    .stat-block {
        width: 135px;
    }
}

@media(max-width: 1280px) {
    .banner-bg_tournament {
        background-position-x: 100%;
    }

    .banner-text_tournament {
        padding-left: 5%;
    }

    .footer__header {
        grid-template-columns: 0.7fr 1fr 1fr;
    }

    .footer__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer__items,
    .footer__socials {
        flex-wrap: wrap;
        line-height: 2.3;
        max-width: 75%;
    }

    .footer__socials {
        margin-bottom: 10px;
        order: -1;
    }

    .footer-social_first {
        margin-left: 0;
    }

    .battle .bets {
        width: 100%;
    }

    .rates-login b {
        width: 80px;
    }

    .ico-jackpot {
        display: none;
    }

    .double-button button {
        width: 110px;
    }

    .rates-loop {
        width: 200px;
    }



    .chouser {
        width: 610px;
        margin: 0 auto;
    }

    .chouser .carousel {
        margin-left: -51px;
    }

    .user-profile-overview-loop {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .user-profile-overview-loop__left {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 30px;
    }

    .user-profile-overview-horizontal-line {
        display: none;
    }

    .user-profile-overview-loop__left .flex-row {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .user-profile .code {
        text-align: center;
    }

    .next-rank {
        max-width: 725px;
        margin: auto;
    }
}

@media(max-width: 1180px) {
    .slots-bonus-buy {
        padding: 15px;
    }

    .game-sidebar__footer-button_mini {
        width: 50px;
    }

    .slot__payout {
        top: -12px;
        font-size: 12px;
        padding: 8px 15px;
    }

    .infoblock__value {
        font-size: 16px;
    }

    .infoblock__icon {
        width: 50px;
        margin-right: 15px;
    }

    .footer-security {
        max-width: 230px;
    }

    .profile-block__logout {
        display: none;
    }

    .user-profile-overview-loop__logout {
        display: block;
    }

    .game-area.game-area__page-profile {
        flex-direction: column;
    }

    .game-sidebar__profile {
        order: 1;
        margin-top: 0;
    }

    .game-component__profile {
        margin-left: 0;
        margin-top: 10px;
        order: 2;
    }

    .game-sidebar__footer-button_small {
        width: 70px;
    }

    .double-no-bets {
        padding: 20px 0 21px 0;
    }

    .double-history__col-header-bet__row {
        max-width: calc(100% - 47px);
    }

    .double-history__col-header-bet__photo {
        width: 40px;
        min-width: 40px;
        height: 40px;
        margin-right: 7px;
    }

    .double-history__col-body {
        font-size: 13px;
    }

    .double-history__col-header-bet__amount {
        padding: 4px 7px;
        font-size: 12px;
    }

    .double:after {
        width: 300px;
        height: 300px;
    }

    .double-win {
        width: 15px;
        height: 15px;
        top: -12px;
        /* margin-left: -5px; */
    }

    .double {
        width: 280px;
        height: 280px;
    }

    .wheel {
        width: 270px;
        height: 270px;
    }

    .double:before {
        width: 185px;
        height: 185px;
    }

    .double-time {
        font-size: 50px;
    }

    .double-timer {
        line-height: 30px;
        background-position: center 30px;
        background-size: 25px;
        font-size: 12px;
    }

    .double-rel {
        width: 160px;
        height: 160px;
        line-height: 160px;
        font-size: 50px;
    }

    .wallet-sidebar {
        padding: 20px;
    }

    .wallet-area {
        padding: 20px;
    }

    .game-sidebar {
        min-width: 260px;
        max-width: 260px;
    }

    .history-card-wrapper {
        width: 50%;
    }

    .mines-field-wrapper {
        padding: 25px 10px;
    }

    .mines-summary-field {
        display: none;
    }

    .stats-table__withdraws th:nth-child(5),
    .stats-table__withdraws td:nth-child(5) {
        width: 18%;
    }

    .ref-summary {
        line-height: 1.5;
    }

    .your-code {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }





    .partnership__code {
        width: 100%;
    }

    .navbar-xs {
        font-size: 12px;
    }
}

@media(max-width: 1100px) {
    .banner-text_socials {
        max-width: 55%;
    }

    .banner_socials {
        font-size: 13px;
    }

    .tournament-banner__img {
        display: none;
    }

    .tournament__info {
        flex-direction: column;

    }

    .tournament__infoblock {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }

    .game-area-overgo-coeff-val {
        font-size: 65px;
    }

    .game-card_crash-bg {
        background-position: right top;
    }

    .game-card_double-bg {
        background-position: center top;
    }

    .game-card_small {
        flex: 13;
    }
}



@media(max-width: 991px) {
    .draw__starter {
        display: none;
    }
    .casino__modes {
        grid-template-columns: 1fr 1fr;
    }
    .notifications {
        margin-right: 8px;
    }
    .btn-toggle3m {
        display: block;
    }
    .btn-toggle3 {
        display: none;
    }
    .livefeed__avatar {
        max-width: 30px;
        max-height: 30px;
        width: 30px;
        height: 30px;
    }
    .player__name {
        font-size: 0.9rem;
    }
    .fixed-chat .send-form {
        width: 100%;
        padding: 0 10px;
    }

    .logotype:before {
        height: 55px;
        width: 52px;
        background-size: 52px;
    }

    .navbar {
        left: 0;
        padding-left: 10px;
    }

    .logotype {
        width: auto;
        justify-content: left;
    }

    .plinko-payouts.plinko-payouts_fair .payout-value {
        margin: 1px;
    }

    .card-footer {
        position: absolute;
        bottom: 8%;
        left: 8%;
    }

    .card-button {
        padding: 12px 15px;
        font-size: .9rem;
    }

    .card-title {
        font-size: 2rem;
    }

    .card-desc {
        font-size: 0.9em;
    }

    .modes {
        grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
        grid-gap: 7px;

    }

    .slot {
        border-width: 8px;
    }

    .slot__numbers {
        top: 25px;
        bottom: 25px;
    }

    .tower-field {
        width: 420px;
    }

    .navbar-brand img.ny_logo {
        width: 125px;
        margin-top: 16px;
        margin-left: 7px;
    }

    .fixed-chat.hide-mobile {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .modal-dialog.modal-auth {
        max-width: 320px;
    }

    .modal-dialog.modal-auth .modal {
        max-width: 310px;
    }

    .auth-modal_img {
        display: none;
    }


    .auth-modal__help {
        margin-top: 45px;
    }

    .game-sidebar__play-button-wrapper.game-sidebar__play-button-wrapper_no-hide {
        margin-top: 15px;
    }

    .double-timer {
        font-size: 12px;
    }

    .scroller-wrap {
        width: auto;
        margin: 0 13px;
    }

    .game-container {
        margin: 0 auto 10px auto;
    }

    .fixed-chat .send-form .banchat {
        left: 7px;
        right: 7px;
        width: auto;
    }

    .rates-login b {
        width: 140px;
    }

    .user-profile-full-stats__btn {
        padding: 10px 15px;
    }



    .double-right .bet-input {
        margin-bottom: 15px;
    }

    .winner ul li .winner-w .nickname {
        color: #fff;
        font-size: 16px;
    }

    .winner ul li .winner-w .points b,
    .winner ul li .winner-w .points i {
        font-size: 16px;
    }

    .winner ul li .winner-w .points {
        padding-top: 0;
        font-weight: 800;
    }

    .jackpot .second-title {
        font-size: 14px;
    }

    .winner ul li .ticket-w {
        line-height: 30px;
    }

    .winner ul li .chance-w {
        line-height: 30px;
    }

    .winner ul li:first-child {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .winner ul li:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .winner ul li:last-child {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .winner ul li .winner-w .ava img {
        width: 50px;
        height: 50px;
    }

    .winner ul li .winner-w .nickname {
        font-size: 14px;
        padding: 5px 0;
    }

    .winner ul li .winner-w .points {
        font-size: 14px;
    }

    .winner ul li .chance-w .titles {
        font-size: 12px;
    }

    .winner ul li .ticket-w .titles {
        font-size: 12px;
    }

    .winner ul li .chance-w .chance {
        font-size: 16px;
    }

    .winner ul li .ticket-w .ticket {
        font-size: 16px;
    }

    .jackpot .check-random {
        margin: 15px 0;
    }

    .winner ul li .winner-w .ava {
        position: static;
        display: block;
    }

    .winner ul li .winner-w {
        text-align: center;
    }

    .winner ul li .winner-w .nickname {
        margin-left: 0;
    }

    .dice .dice-history {
        padding: 15px;
    }



    .double-win {
        top: -12px;
    }

    .double-timer {
        line-height: 30px;
        background-position: center 30px;
        background-size: 25px;
    }

    .mobile-menu {
        display: block;
    }

    .main {
        margin: 20px auto;
        padding: 0 15px;
    }

    .navbar .navbar-brand {
        height: 55px;
    }

    .money-block__action {
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin-right: 8px;
    }



    #vk_community_messages {
        display: none;
    }

    .navbar {
        height: 55px;
    }

    .navbar-brand img {
        margin-left: 9px;
        /* width:120px;
    margin-top:19px; */
    }

    .menu {
        display: none;
    }

    .profile-link,
    .chat-toggle,
    .online-support {
        display: none;
    }


    .games-table__ranks td:nth-child(2),
    .games-table__ranks th:nth-child(2),
    .games-table__ranks td:nth-child(3),
    .games-table__ranks th:nth-child(3),
    .games-table__ranks td:nth-child(4),
    .games-table__ranks th:nth-child(4),
    .games-table__ranks td:nth-child(5),
    .games-table__ranks th:nth-child(5) {
        padding-right: 8px;
    }

    .games-table__ranks td:nth-child(1),
    .games-table__ranks th:nth-child(1) {
        max-width: 115px;
    }

    .ranks-table td div img {
        width: 25px;
        margin-right: 2px;
    }

    .bet-input.dice-bet-input {
        margin-bottom: 15px;
    }

    .raffle .raffle-loop {
        padding: 15px 15px 20px;
    }







    body.freeze {
        height: 100vh;
        overflow-y: hidden;
    }

    .vk-auth-left {
        display: block;
    }

    .text-clip {
        max-width: 70%;
    }

    .rates-loop:nth-child(3) {
        margin-top: 10px;
    }

    .head-game {
        top: 10px;
    }

    .payHistory {
        overflow-x: auto;
    }

    .payHistory::-webkit-scrollbar {
        height: 2px;
        width: 80%;
    }

    .cont-a {
        padding: 10px 0;
    }

    .cont-b {
        padding: 25px 0;
    }

    .popup {
        padding: 15px;
    }

    .popup .close {
        top: 18px;
    }

    .dice .dice-loop .range {
        -webkit-transform: translate(0, 40px);
        -ms-transform: translate(0, 40px);
        transform: translate(0, 40px);
    }

    .dice .dice-loop .wrap {
        margin-top: 70px;
    }

    .dice .dice-loop {
        padding: 15px;
    }

    .dice .dice-loop .left {
        width: 100%;
        padding: 0;
    }

    .dice .dice-loop .right {
        width: 100%;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .dice .dice-loop .right .factor,
    .dice .dice-loop .right .chance {
        width: 49%;
        display: inline-block;
    }





    .game .name {
        max-width: 145px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .crash-game {
        padding: 15px;
    }

    .crash-game .flex-wrap {
        display: block;
    }

    .crash-game .bet-input .autoout {
        width: 100%;
        margin: 15px 0;
    }

    .bet-input .makeBet {
        margin: 0;
    }

    .jackpot .bet-input .makeBet {
        margin-left: 0;
    }

    .battle .game {
        margin-top: 15px;
    }

    .battle .list-item {
        font-size: 14px;
    }

    .battle .roulette {
        zoom: .7;
    }

    .battle {
        padding: 25px 15px;
    }

    .battle .bet-input .value {
        width: 100%;
    }

    .double-time {
        font-size: 40px;
    }


    .jackpot .input-wrap {
        margin-bottom: 15px;
    }

    .bet-input .upper a {
        padding: 10px;
    }

    .separator {
        min-width: 1px;
    }

    .ico-jackpot {
        display: none;
    }

    .navbar .menu-icon {
        display: inline-block;
    }

    .navbar .btn-vk-mobile {
        display: inline-block;
        margin-top: 3px;
    }

    .navbar .navbar-nav {
        display: none;
    }

    .navbar .user {
        margin-right: 8px;
    }

    .chat-toggle {
        min-width: 70px;
    }

    .navbar .balance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        text-align: center;
        line-height: 63px;
        font-size: 16px;
        color: var(--color-accent);
        margin: 5px 15px 0 0;
        z-index: 99999;
    }

    .navbar .balance span {
        margin-right: 5px;
    }

    .navbar .balance a {
        color: var(--color-accent);
        font-size: 25px;
    }

    .navbar .btn-vk {
        margin: 10px auto;
        line-height: 40px;
    }

    .content {
        /* height:100%; */
        top: 55px;
    }

    .main-width {
        padding: 0 8px 40px !important;
        /* display: block; */
    }

    .fixed-nav {
        width: 100%;
        left: -100%;
        height: 100%;
        top: 0;
        z-index: 9999;
        top: 60px;
        height: calc(100% - 60px);
    }

    .fixed-nav.active {
        width: 100%;
        display: block;
        left: 0;
    }

    .fixed-nav.active .name {
        display: unset !important;
        font-size: 15px;
        width: 250px !important;
    }

    .fixed-nav.active .leftside li .new {
        display: unset !important;
    }

    .fixed-nav .balance {
        display: none;
    }

    .fixed-nav .leftside {
        height: 100% !important;
    }

    .fixed-chat {
        position: fixed;
        right: 0;
        top: 55px;
        height: calc(100% - 55px);
        border-top: 1px solid var(--color-main-border);
        width: 100%;
        background: var(--color-primary-dark);
        text-align: center;
        z-index: 1000;
        border-radius: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .fixed-chat.show-mobile {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }



    .fixed-chat .item .name {
        font-size: 13px;
        width: 170px;
    }


    .fairness__mines-outcome-table td {
        font-size: 14px;
    }

    .fairness__mines-outcome-table thead td {
        font-size: 13px;
    }

    .fixed-chat .item .date .delete {
        width: 17px;
        height: 17px;
    }

    .fixed-chat .item .date .delete i {
        font-size: 17px;
    }

    .fixed-chat .messages {
        width: 100%;
        padding: 0 5px;
    }

    .head-game .howto span {
        display: none;
    }

    .dep-code .title1,
    .dep-code .title2,
    .dep-code .code {
        width: 100%;
        display: block;
        padding: 10px;
        height: unset;
        border-radius: unset;
    }

    .rooms .room:first-child {
        border-radius: unset !important;
    }

    .rooms .room:last-child {
        border-radius: unset !important;
    }

    .rooms .room .room-name {
        font-size: 15px;
    }

    .rooms .room-selector {
        padding: 15px 0;
    }

    .rooms .room {
        margin: 5px 10px;
        border-right: unset;
        border-left: unset;
    }

    .jackpot .bets {
        margin: 0;
    }

    .jackpot .bets li {
        height: auto;
        padding: 10px;
    }

    .jackpot .bets li .user .info {
        display: block;
    }

    .jackpot .bets li .user .detail {
        float: unset;
        position: relative;
        text-align: left;
    }

    .jackpot .bets li .user .detail .percent {
        width: 63px;
        display: inline-block;
        text-align: center;
    }

    .jackpot .bets li .user .detail .tickets {
        display: inline-block;
        position: absolute;
        right: 0;
        padding: 10px 0;
    }

    .bet-input .upper {
        margin-top: 7px;
        display: block;
    }

    .jackpot .bet-input .upper {
        display: inline-block;
    }

    .bet-input .upper a {
        margin: 0;
    }

    .bet-input .makeBet {
        display: inline-block;
    }

    .winner ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
    }

    .double-button button {
        margin: 10px 7px !important;
    }

    .rates-loop {
        margin: 10px auto;
        width: 100%;
    }

    .double:before {
        width: 175px;
        height: 175px;
    }

    .double {
        width: 260px;
        height: 260px;
    }

    .wheel {
        width: 255px;
        height: 255px;
    }

    .wheel-win {
        font-size: 10px;
        top: 24px;
    }

    .wheel-timer {
        font-size: 25px;
    }

    .wheel-clock {
        font-size: 16px;
    }

    .flex-wrap .double {
        min-width: 260px;
    }

    .double:after {
        width: 280px;
        height: 280px;
    }

    .double-loop {
        padding: 30px 15px;
    }

    .double-rel {
        width: 150px;
        height: 150px;
        line-height: 150px;
        font-size: 50px;
    }

    .double-loop .flex-wrap {
        display: block;
    }

    .flex-wrap .double {
        margin: 0 auto 15px;
    }

    .double-right {
        padding-top: 15px;
    }

    .coms1 {
        width: 100%;
    }

    .ref .code .code-title {
        margin: 10px 0;
        display: block;
        text-align: center;
    }

    .ref .code .value {
        width: 100%;
        margin-left: unset;
    }

    .ref .lvl .lvl-title {
        margin: 20px 0;
        display: block;
        text-align: center;
    }

    .ref .lvl .value {
        width: 100%;
        margin-left: unset;
    }

    .ref .moneyRef .getMoney {
        display: block;
        position: unset;
        text-align: center;
        margin: 10px;
        width: 120px;
        margin: 10px 0;
    }

    table th {
        font-size: 1em;
    }

    table td {
        font-size: .8em;
    }

    .dice .dice-history table tbody .checking {
        padding: 5px 3px;
        font-size: 11px;
        font-weight: 400;
    }

    .chouser {
        width: 260px;
        margin: 0 auto;
    }

    .chouser .carousel {
        margin-left: -226px;
    }


    .dice .dice-loop .right .factor .title,
    .dice .dice-loop .right .chance .title,
    .dice .dice-loop .left .title {
        font-size: 12px;
    }

    .dice .dice-loop .val,
    .dice .dice-loop .val span {
        font-size: 20px !important;
    }

    .chart-info {
        font-size: 31px;
    }

    .game-sidebar__input-wrapper__show-mobile {
        display: block;
    }

    .game-sidebar__input-wrapper__hide-mobile {
        display: none;
    }

    .modes {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .tournament-banner__info {
        font-size: 11px;
    }

    .autobets {
        display: none;
    }

    .autobets_mobile {
        display: flex;
    }

    .game-sidebar__mobile-combined {
        display: flex;
    }

    .game-sidebar__mobile-combined .game-sidebar__input-wrapper {
        width: 100%;
    }

    .game-sidebar__mobile-combined .game-sidebar__input-wrapper:last-child {
        margin-left: 6px;
    }

    .menu__list-item_reviews {
        display: none;
    }

    .game-sidebar__play-button.game-sidebar__play-button_full_width:not(.game-sidebar__play-button_flat):before {
        display: none;
    }

    .navbar-brand img.ny_logo {
        width: 130px;
        margin-top: 17px;
        margin-left: 11px;
    }

    .overgo-pick-helper {
        top: -20px;
    }


    .using-ssl {
        justify-content: flex-start;
    }

    .game-card {
        flex: 0;
        flex-basis: 100%;
        margin-right: 0;
    }

    .game-card_mines-bg {
        background: url('Mines_m.png') no-repeat;
        background-size: cover;
    }

    .game-card_double-bg {
        background: url('Double_m.png') no-repeat;
        background-size: cover;
    }

    .game-card_crash-bg {
        background: url('Crash_m.png') no-repeat;
        background-size: cover;
    }

    .game-card_dice-bg {
        background: url('Dice_m.png') no-repeat;
        background-size: cover;
    }

    .game-card_jackpot-bg {
        background: url('Jackpot_m.png') no-repeat;
        background-size: cover;
    }

    .game-card_wheel-bg {
        background: url('wheelf.png') no-repeat;
        background-size: cover;
    }

    .game-card_tower-bg {
        background: url('towerd.png') no-repeat;
        background-size: cover;
    }

    .game-card_raffle-bg {
        background: url('Raffle_m.png') no-repeat;
        background-size: cover;
    }

    .game-card {
        height: auto;
    }

    .game-card__description {
        display: none;
    }

    .game-card_small .game-card__contents,
    .game-card_medium .game-card__contents,
    .game-card_big .game-card__contents {
        top: auto;
        bottom: 40px;
    }

    .game-cards {
        max-width: 500px;
        margin: auto;
    }

    .game-card_bg {
        height: 0;
        position: static;
        padding-top: 71%;
    }

    .user-profile-full-stats__controls {
        padding: 0 10px;
    }

    .game-sidebar__footer-button_small {
        width: 85px;
    }

    .crash-bet__user-wrapper {
        padding-right: 0;
    }

    .crash-bet__sum {
        padding-left: 5px;
    }

    .crash-bet__username {
        display: none;
    }

    .crash-bet__values {
        flex: 1;
        margin-left: 0;
    }

    .crash-bet__coeff {
        margin-left: auto;
    }

    .contact-us {
        flex-direction: column;
    }

    .contact {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .contact:last-of-type {
        margin-bottom: 0;
    }

    .money-block__money-icon {
        left: 10px;
    }

    .money-block__money-area {
        padding: 0px 15px 0 35px;
    }

    .double-history__cols {
        flex-direction: column;
    }

    .double-history__col {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .double-history__col:last-of-type {
        margin-bottom: 0;
    }

    .double-field-wrapper {
        padding: 25px 0;
    }

    .game-sidebar__input-helper.game-sidebar__input-helper_bottom-mobile {
        top: 70px;
    }

    .validation-message_bottom-mobile {
        bottom: -29px;
        top: auto;
    }

    .validation-message_bottom-mobile:before {
        top: -4px;
        bottom: auto;
        transform: rotate(180deg);
    }

    .game-sidebar__input-helper.active {
        visibility: visible;
        opacity: 1;
    }

    .game-sidebar__input-helper {
        position: absolute;
        width: 100%;
        top: -26px;
        border-radius: 4px;
        border: 1px solid var(--color-accent);
        transition: .1s;
        visibility: hidden;
        opacity: 0;
    }

    .game-sidebar__input-helper-action {
        border-color: #3e3e3e;
    }

    .game-sidebar__set-action {
        border-color: #3e3e3e;
    }

    .user-profile-full-stats.user-profile-full-stats_dark .user-profile-caregories {
        justify-content: center;
    }

    .user-profile-full-stats.user-profile-full-stats_dark .user-profile-caregories__category {
        font-size: 12px;
    }

    .user-profile-full-stats.user-profile-full-stats_dark .user-profile-full-stats__content {
        padding: 5px 10px 10px;
    }

    .wallet-area-select {
        display: block;
    }

    .wallet-sidebar {
        display: none;
    }

    .game-sidebar__footer {
        padding: 15px 0;
    }

    .game-sidebar__body {
        padding: 15px;
    }

    .game-sidebar {
        min-height: auto;
    }

    .game-sidebar__play-button_mobile {
        display: block;
        padding: 15px 10px;
    }

    .game-sidebar__input-relative-wrapper {
        width: 50%;
        margin-right: 5px;
    }

    .mobile-button-combined-wrapper {
        display: flex;
    }

    .game-sidebar__input-wrapper {
        margin-top: 15px;
    }

    .game-sidebar__input-wrapper_no-margin {
        margin-top: 0;
    }

    .game-sidebar__play-button-wrapper {
        display: none;
    }

    .game-sidebar__play-button-wrapper.game-sidebar__play-button-wrapper_no-hide {
        margin-top: 20px;
        display: block;
    }


    .game-sidebar__input-helper.active {
        visibility: visible;
        opacity: 1;
    }

    .game-component {
        min-height: auto;
    }

    .mines-coeffs-slider-control {
        padding: 8px;
    }

    .game-footer_mines {
        padding: 6px 30px;
    }

    .mines-field-wrapper {
        flex: none;
        padding: 15px 10px;
    }

    .game-sidebar__input-helper-action {
        line-height: 35px;
    }

    .game-sidebar__set-action {
        line-height: 35px;
    }

    .game-component {
        order: 1;
        margin-left: 0;
    }

    .game-sidebar {
        order: 2;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }

    .game-sidebar__profile {
        order: 1;
        margin-top: 0;
    }

    .game-component__profile {
        order: 2;
    }

    .hide-991 {
        display: none;
    }

    .game-container__table__header-th {
        font-size: 10px;
    }

    .game-container__table__body-td {
        font-size: 12px;
    }

    .game-container__table__body-td_fair {
        font-size: 14px;
        padding-left: 5px;
    }

    .game-area {
        flex-wrap: wrap;
    }

    .double-history-result_small .double-history-result__number {
        line-height: 24px;
    }

    .wallet-link {
        padding: 0 12px;
        font-size: 12px;
    }

    .menu__list-item__link {
        font-size: 13px;
        padding: 8px 7px;
        letter-spacing: .1px;
    }

    .menu__list-item {
        margin-right: 0;
    }


    .profile-link {
        margin-left: 5px;
    }

    .chat-toggle {
        margin-right: 5px;
    }

    .menu-button {
        margin-left: 5px;
    }

    .navbar-brand img {
        width: 125px;
        /* margin-top:21px;
margin-left:14px; */
    }


    .games-table__tickets span {
        font-size: 16px;
    }

    .games-dropdown {
        top: 46px;
    }

    .stats-table__withdraws th:nth-child(6),
    .stats-table__withdraws td:nth-child(6) {
        padding-right: 6%;
    }

    .stats-table__withdraws th:nth-child(4),
    .stats-table__withdraws td:nth-child(4) {
        padding-right: 4%;
    }

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

    .games-table__body-wallet-image {
        width: 20px;
    }

    .stats-table__withdraws th:nth-child(5),
    .stats-table__withdraws td:nth-child(5) {
        text-align: center;
        padding-right: 3%;
        width: 9%;
    }

    .games-table__body-status-image {
        margin-right: 0;
    }

    .games-table__body-status-text {
        display: none;
    }

    .stats-table__other th:nth-child(2),
    .stats-table__other td:nth-child(2) {
        width: 25%;
    }

    .getMoney {
        font-size: 12px;
        width: 110px;
    }

    .games-table__body-td__fair {
        font-size: 14px;
    }

    .games-table__header-th {
        font-size: 10px;
    }

    .games-table__body-td {
        font-size: 12px;
    }

    .ref-profit__descr {
        font-size: 13px;
    }

    .ref-summary {
        font-size: 13px;
    }

    .partnership__code {
        width: 100%;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 9px;
        margin-left: 4px;
        display: inline-block;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        transition: .1s all ease;
    }

    .games-table__body-td__fair {
        font-size: 14px;
        padding-left: 5px;
    }

    .user-profile-caregories__category {
        font-size: 12px;
        margin-right: 7px;
        padding: 15px 3px;
    }

    .user-profile-full-stats {
        padding: 5px 10px 10px;
    }

    .user-profile-full-stats.show-controls {
        padding-bottom: 70px;
    }

    .user-profile-overview-loop {
        padding: 25px 15px;
    }

    .user-profile {
        padding: 0px;
    }

    .user-profile-overview-loop__right-stats {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .stat-block {
        margin-bottom: 10px;
    }

    .user-profile-overview-stats-divisor {
        margin: 20px auto;
    }

    .double-history-result_small {
        width: 24px;
        height: 24px;
    }

    .double-history-result_small:before {
        width: 30px;
        height: 30px;
    }
}

@media(min-width: 992px) {
    .fixed-chat.hide {
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
        transform: translateX(110%);
    }
}

@media(max-width: 780px) {
    .anounce__image {
        /* display: none; */
        left: 50%;
        opacity: .32;
    }
    .anounce__description ul li {
        color: #fff;
    }
    .anounce__title {
        max-width: 100%;
        font-size: 26px;
    }
    .anounce__highlight-icon {
        width: 25px;
    }
    .anounce__description {
        max-width: 100%;
    }
    .anoounce__left {
        margin: 12px;
    }
    .casino__modes {
        grid-template-columns: 1fr;
    }
    .livefeed__game .display-game-outcome_bold {
        font-size: .9rem;
    }
    .livefeed__game-icon {
        font-size: 21px;
    }
    .livefeed__table {
        --table-cols: 25% 30% 15% 15% 15%;
    }
    .tournament-member .avatar {
        width: 45px;
        height: 45px;
    }

    .banner-block {
        min-width: 170px;
        padding: 10px;
        font-size: 1.1rem;
    }

    .tournament-memeber__name {
        max-width: 110px;
    }

    .banner-text_tournament {
        padding: 15px;
    }

    .banner-blocks_tournament {
        padding-right: 0;
    }

    .banner-block_accent {
        min-width: 270px;
    }

    .tournament-memeber__info {
        margin-left: 10px;
    }

    .footer__header {
        grid-template-columns: 1fr;
    }

    .footer__branding {
        margin-right: 0;
    }

    .footer__logo {
        max-width: 160px;
    }

    .footer__nav {
        margin-top: 25px;
    }

    .footer__security {
        margin-top: 10px;
        align-items: flex-start;
    }

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

    .footer__footer {
        margin-top: 15px;
    }

    .plinko-payouts.plinko-payouts_fair .payout-value {
        margin: 1px;
    }

    .card-footer {
        position: absolute;
        bottom: 8%;
        left: 8%;
    }

    .card-button {
        padding: 12px 15px;
        font-size: .9rem;
    }

    .card-title {
        font-size: 2rem;
    }

    .card-desc {
        font-size: 0.9em;
    }

    .modes {
        grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
        grid-gap: 7px;

    }

    .slot {
        border-width: 8px;
    }

    .slot__numbers {
        top: 25px;
        bottom: 25px;
    }

    .tower-field {
        width: 420px;
    }

    .navbar-brand img.ny_logo {
        width: 125px;
        margin-top: 16px;
        margin-left: 7px;
    }

    .fixed-chat.hide-mobile {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .modal-dialog.modal-auth {
        max-width: 320px;
    }

    .modal-dialog.modal-auth .modal {
        max-width: 310px;
    }

    .auth-modal_img {
        display: none;
    }

    .auth-modal__help {
        margin-top: 45px;
    }

    .game-sidebar__play-button-wrapper.game-sidebar__play-button-wrapper_no-hide {
        margin-top: 15px;
    }

    .double-timer {
        font-size: 12px;
    }

    .scroller-wrap {
        width: auto;
        margin: 0 13px;
    }

    .game-container {
        margin: 0 auto 10px auto;
    }

    .rates-login b {
        width: 140px;
    }

    .user-profile-full-stats__btn {
        padding: 10px 15px;
    }



    .double-right .bet-input {
        margin-bottom: 15px;
    }

    .winner ul li .winner-w .nickname {
        color: #fff;
        font-size: 16px;
    }

    .winner ul li .winner-w .points b,
    .winner ul li .winner-w .points i {
        font-size: 16px;
    }

    .winner ul li .winner-w .points {
        padding-top: 0;
        font-weight: 800;
    }

    .jackpot .second-title {
        font-size: 14px;
    }

    .winner ul li .ticket-w {
        line-height: 30px;
    }

    .winner ul li .chance-w {
        line-height: 30px;
    }

    .winner ul li:first-child {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .winner ul li:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .winner ul li:last-child {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .winner ul li .winner-w .ava img {
        width: 50px;
        height: 50px;
    }

    .winner ul li .winner-w .nickname {
        font-size: 14px;
        padding: 5px 0;
    }

    .winner ul li .winner-w .points {
        font-size: 14px;
    }

    .winner ul li .chance-w .titles {
        font-size: 12px;
    }

    .winner ul li .ticket-w .titles {
        font-size: 12px;
    }

    .winner ul li .chance-w .chance {
        font-size: 16px;
    }

    .winner ul li .ticket-w .ticket {
        font-size: 16px;
    }

    .jackpot .check-random {
        margin: 15px 0;
    }

    .winner ul li .winner-w .ava {
        position: static;
        display: block;
    }

    .winner ul li .winner-w {
        text-align: center;
    }

    .winner ul li .winner-w .nickname {
        margin-left: 0;
    }

    .dice .dice-history {
        padding: 15px;
    }


    /* .fixed-chat.hide {
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
} */

    .double-win {
        top: -12px;
    }

    .double-timer {
        line-height: 30px;
        background-position: center 30px;
        background-size: 25px;
    }

    .mobile-menu {
        display: block;
    }

    .main {
        margin: 20px auto;
        padding: 0 15px;
    }

    .navbar .navbar-brand {
        height: 55px;
    }

    .money-block__action {
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin-right: 8px;
    }


    #vk_community_messages {
        display: none;
    }

    .navbar {
        height: 55px;
    }

    .navbar-brand img {
        margin-left: 9px;
        /* width:120px;
margin-top:19px; */
    }

    .menu {
        display: none;
    }

    .profile-link,
    .chat-toggle,
    .online-support {
        display: none;
    }


    .games-table__ranks td:nth-child(2),
    .games-table__ranks th:nth-child(2),
    .games-table__ranks td:nth-child(3),
    .games-table__ranks th:nth-child(3),
    .games-table__ranks td:nth-child(4),
    .games-table__ranks th:nth-child(4),
    .games-table__ranks td:nth-child(5),
    .games-table__ranks th:nth-child(5) {
        padding-right: 8px;
    }

    .games-table__ranks td:nth-child(1),
    .games-table__ranks th:nth-child(1) {
        max-width: 115px;
    }

    .ranks-table td div img {
        width: 25px;
        margin-right: 2px;
    }

    .bet-input.dice-bet-input {
        margin-bottom: 15px;
    }

    .raffle .raffle-loop {
        padding: 15px 15px 20px;
    }







    body.freeze {
        height: 100vh;
        overflow-y: hidden;
    }

    .vk-auth-left {
        display: block;
    }

    .text-clip {
        max-width: 70%;
    }

    .rates-loop:nth-child(3) {
        margin-top: 10px;
    }

    .head-game {
        top: 10px;
    }

    .payHistory {
        overflow-x: auto;
    }

    .payHistory::-webkit-scrollbar {
        height: 2px;
        width: 80%;
    }

    .cont-a {
        padding: 10px 0;
    }

    .cont-b {
        padding: 25px 0;
    }

    .popup {
        padding: 15px;
    }

    .popup .close {
        top: 18px;
    }

    .dice .dice-loop .range {
        -webkit-transform: translate(0, 40px);
        -ms-transform: translate(0, 40px);
        transform: translate(0, 40px);
    }

    .dice .dice-loop .wrap {
        margin-top: 70px;
    }

    .dice .dice-loop {
        padding: 15px;
    }

    .dice .dice-loop .left {
        width: 100%;
        padding: 0;
    }

    .dice .dice-loop .right {
        width: 100%;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .dice .dice-loop .right .factor,
    .dice .dice-loop .right .chance {
        width: 49%;
        display: inline-block;
    }





    .game .name {
        max-width: 145px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .crash-game {
        padding: 15px;
    }

    .crash-game .flex-wrap {
        display: block;
    }

    .crash-game .bet-input .autoout {
        width: 100%;
        margin: 15px 0;
    }

    .bet-input .makeBet {
        margin: 0;
    }

    .jackpot .bet-input .makeBet {
        margin-left: 0;
    }

    .battle .game {
        margin-top: 15px;
    }

    .battle .list-item {
        font-size: 14px;
    }

    .battle .roulette {
        zoom: .7;
    }

    .battle {
        padding: 25px 15px;
    }

    .battle .bet-input .value {
        width: 100%;
    }

    .double-time {
        font-size: 40px;
    }


    .jackpot .input-wrap {
        margin-bottom: 15px;
    }

    .bet-input .upper a {
        padding: 10px;
    }

    .separator {
        min-width: 1px;
    }

    .ico-jackpot {
        display: none;
    }

    .navbar .menu-icon {
        display: inline-block;
    }

    .navbar .btn-vk-mobile {
        display: inline-block;
        margin-top: 3px;
    }

    .navbar .navbar-nav {
        display: none;
    }

    .navbar .user {
        margin-right: 8px;
    }

    .chat-toggle {
        min-width: 70px;
    }

    .navbar .balance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        text-align: center;
        line-height: 63px;
        font-size: 16px;
        color: var(--color-accent);
        margin: 5px 15px 0 0;
        z-index: 99999;
    }

    .navbar .balance span {
        margin-right: 5px;
    }

    .navbar .balance a {
        color: var(--color-accent);
        font-size: 25px;
    }

    .navbar .btn-vk {
        margin: 10px auto;
        line-height: 40px;
    }

    .content {
        /* height:100%; */
        top: 55px;
    }

    .main-width {
        padding: 0 8px 55px !important;
        display: block;
    }

    .fixed-nav {
        width: 100%;
        left: -100%;
        height: 100%;
        top: 0;
        z-index: 9999;
        top: 60px;
        height: calc(100% - 60px);
    }

    .fixed-nav.active {
        width: 100%;
        display: block;
        left: 0;
    }

    .fixed-nav.active .name {
        display: unset !important;
        font-size: 15px;
        width: 250px !important;
    }

    .fixed-nav.active .leftside li .new {
        display: unset !important;
    }

    .fixed-nav .balance {
        display: none;
    }

    .fixed-nav .leftside {
        height: 100% !important;
    }



    .fixed-chat .item .name {
        font-size: 13px;
        width: 170px;
    }


    .fairness__mines-outcome-table td {
        font-size: 14px;
    }

    .fairness__mines-outcome-table thead td {
        font-size: 13px;
    }

    .fixed-chat .item .date .delete {
        width: 17px;
        height: 17px;
    }

    .fixed-chat .item .date .delete i {
        font-size: 17px;
    }

    .fixed-chat .messages {
        width: 100%;
        padding: 0 5px;
    }

    .head-game .howto span {
        display: none;
    }

    .dep-code .title1,
    .dep-code .title2,
    .dep-code .code {
        width: 100%;
        display: block;
        padding: 10px;
        height: unset;
        border-radius: unset;
    }

    .rooms .room:first-child {
        border-radius: unset !important;
    }

    .rooms .room:last-child {
        border-radius: unset !important;
    }

    .rooms .room .room-name {
        font-size: 15px;
    }

    .rooms .room-selector {
        padding: 15px 0;
    }

    .rooms .room {
        margin: 5px 10px;
        border-right: unset;
        border-left: unset;
    }

    .jackpot .bets {
        margin: 0;
    }

    .jackpot .bets li {
        height: auto;
        padding: 10px;
    }

    .jackpot .bets li .user .info {
        display: block;
    }

    .jackpot .bets li .user .detail {
        float: unset;
        position: relative;
        text-align: left;
    }

    .jackpot .bets li .user .detail .percent {
        width: 63px;
        display: inline-block;
        text-align: center;
    }

    .jackpot .bets li .user .detail .tickets {
        display: inline-block;
        position: absolute;
        right: 0;
        padding: 10px 0;
    }

    .bet-input .upper {
        margin-top: 7px;
        display: block;
    }

    .jackpot .bet-input .upper {
        display: inline-block;
    }

    .bet-input .upper a {
        margin: 0;
    }

    .bet-input .makeBet {
        display: inline-block;
    }

    .winner ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
    }

    .double-button button {
        margin: 10px 7px !important;
    }

    .rates-loop {
        margin: 10px auto;
        width: 100%;
    }

    .double:before {
        width: 175px;
        height: 175px;
    }

    .double {
        width: 260px;
        height: 260px;
    }

    .wheel {
        width: 255px;
        height: 255px;
    }

    .wheel-win {
        font-size: 10px;
        top: 24px;
    }

    .wheel-timer {
        font-size: 25px;
    }

    .wheel-clock {
        font-size: 16px;
    }

    .flex-wrap .double {
        min-width: 260px;
    }

    .double:after {
        width: 280px;
        height: 280px;
    }

    .double-loop {
        padding: 30px 15px;
    }

    .double-rel {
        width: 150px;
        height: 150px;
        line-height: 150px;
        font-size: 50px;
    }

    .double-loop .flex-wrap {
        display: block;
    }

    .flex-wrap .double {
        margin: 0 auto 15px;
    }

    .double-right {
        padding-top: 15px;
    }

    .coms1 {
        width: 100%;
    }

    .ref .code .code-title {
        margin: 10px 0;
        display: block;
        text-align: center;
    }

    .ref .code .value {
        width: 100%;
        margin-left: unset;
    }

    .ref .lvl .lvl-title {
        margin: 20px 0;
        display: block;
        text-align: center;
    }

    .ref .lvl .value {
        width: 100%;
        margin-left: unset;
    }

    .ref .moneyRef .getMoney {
        display: block;
        position: unset;
        text-align: center;
        margin: 10px;
        width: 120px;
        margin: 10px 0;
    }

    table th {
        font-size: 1em;
    }

    table td {
        font-size: .8em;
    }

    .dice .dice-history table tbody .checking {
        padding: 5px 3px;
        font-size: 11px;
        font-weight: 400;
    }

    .chouser {
        width: 260px;
        margin: 0 auto;
    }

    .chouser .carousel {
        margin-left: -226px;
    }


    .dice .dice-loop .right .factor .title,
    .dice .dice-loop .right .chance .title,
    .dice .dice-loop .left .title {
        font-size: 12px;
    }

    .dice .dice-loop .val,
    .dice .dice-loop .val span {
        font-size: 20px !important;
    }

    .chart-info {
        font-size: 31px;
    }
}


@media(min-width: 501px) {
    .sm-show {
        display: none !important;
    }
}

@media(max-width: 500px) {
    .anounce__description ul li {
        font-size: 12px;
    }
    .money-block__money-area_ingame {
        font-size: 14px;
    }
    .livefeed .table>tbody>tr {
        height: 55px;
    }
    .livefeed__avatar {
        max-width: 25px;
        max-height: 25px;
        width: 25px;
        height: 25px;
    }
    .livefeed {
        --table-padding: 0 12px;
    }
    .livefeed__game-icon {
        font-size: 17px;
        margin-right: 7px;
    }
    .livefeed__game .display-game-outcome_bold {
        font-size: 0.75rem;
    }
    .livefeed__game .display-game-btn {
        font-size: 0.65rem;
    }
    .livefeed__table {
        --table-cols: 28% 17% 17% 17% 21%;
    }
    .livefeed__table .player__name {
        display: none;
    }
    .money-block__money-area {
        padding: 0px 10px 0 32px;
    }

    .navbar {
        padding-left: 5px;
    }

    .navbar-brand img {
        width: 110px;
    }

    .banner-text__label {
        padding-right: 0;
    }

    #money {
        font-size: 14px;
    }

    .header__btn {
        line-height: 36px;
        height: 36px;
        font-size: 12px;
        padding: 0 15px;
    }

    .banner-bg_tournament {
        background-position-x: 90%;
    }

    .banner_tournament {
        font-size: 11px;
    }

    .banner-block {
        font-size: 1.1rem;
        padding: 10px;
    }

    .banner-block__header {
        display: none;
    }

    .banner-blocks_tournament {
        flex-direction: column;
        padding-right: 0%;
        margin-top: 10px;
    }

    .progress__wrapper {
        height: 7px;
    }

    .banner-block_tournament {
        background: none;
        margin-left: 0;
        margin-top: 15px;
        padding: 0 5px;
    }

    .banner-text_socials {
        max-width: 62%;
    }

    .banner_socials {
        font-size: 10px;
    }

    .banner__btn {
        font-size: 0.6em;
        padding: 10px 15px;
    }

    .main__banner {
        min-height: 185px;
    }

    .banner__btn {
        margin-top: 10px;
    }

    .plinko-payouts {
        margin-bottom: 20px;
    }

    .plinko__bonus-badge {
        font-size: 11px;
    }

    .slot__overlay.plinko__overlay {
        font-size: 14px;
    }

    .payout-value-wrap {
        font-size: 8px;
        height: 20px;
        border-radius: 3px;
    }

    .raffle-timer__delimiter.tournament-timer__delimiter {
        font-size: 16px;
    }

    .tournament-timer__hours,
    .tournament-timer__minutes {
        font-size: 16px;
    }

    .tournament-timer__time-descr {
        font-size: 8px;
        margin-top: -3px;
    }

    .tournament-banner__content {
        padding: 0 5px;
    }

    .tournament-banner {
        max-height: 145px;
    }

    .tournament-banner__info {
        font-size: 10px;
    }

    .progress-ring__tournament_small {
        display: block;
    }

    .progress-ring__tournament {
        display: none;
    }

    .tournament-banner__header {
        font-size: 2em;
    }

    img.tournament-banner__uavatar {
        width: 40px;
        height: 40px;
    }

    .slot-calculation-table img {
        max-width: 40px;
    }

    .slot__coeff_scatter {
        flex-wrap: wrap;
        justify-content: center;
    }

    .slot__coeff-extra {
        margin-top: 10px;
    }

    .slot__coeff-extra .htp-content {
        padding: 7px;
        text-align: center;
    }

    .slot__separators div:nth-child(2),
    .slot__separators div:nth-child(3),
    .slot__separators div:nth-child(4) {
        margin-left: 0;
    }

    .slot__separators div:nth-child(2) {
        margin-left: -1px;
    }

    .games-table__tournament th:nth-child(3),
    .games-table__tournament td:nth-child(3) {
        width: 105px;
    }

    .games-table__tournament th:nth-child(4),
    .games-table__tournament td:nth-child(4) {
        width: 80px;
    }

    .tower-field-wrapper {
        padding: 10px;
    }

    .tower-field {
        width: 300px;
    }

    .tower-field .mines-cell:before {
        padding-top: 51%;
    }

    .game-sidebar__play-button.game-sidebar__play-button_full_width:not(.game-sidebar__play-button_flat):before {
        display: block;
        top: -5px;
    }

    .overgo-outcome-container .game-area-overgo-coeff-val {
        font-size: 43px;
    }

    .game-area_overgo-wrapper {
        padding: 0 15px;
    }

    .game-area-overgo-coeff-val {
        font-size: 50px;
    }

    .jackpot-outcome__profile-history-ticket {
        font-size: 18px;
    }

    .jackpot-outcome__profile-history-ticket-array {
        font-size: 12px;
    }

    .modal_game-outcome__fair-form {
        padding: 20px 15px;
    }

    .modal_game-outcome__stats-cards {
        padding: 20px 15px;
    }

    .modal_game-outcome__stats-value {
        font-size: 14px;
    }

    .modal_game-outcome__stats-card {
        margin: 0 3px;
    }

    .modal_game-outcome__game-container {
        padding: 15px;
    }

    .profile-block__ranks {
        padding: 15px 5px;
    }

    .your-code {
        padding: 15px;
    }

    .double-outcome-container .double {
        width: 220px;
        height: 220px;
    }

    .double-outcome-container .double:after {
        width: 240px;
        height: 240px;
    }

    .double-outcome-container {
        padding: 22px;
    }

    .dice-outcome-container {
        padding: 10px 15px 15px 15px;
    }

    .mines-outcome-container {
        padding: 20px;
    }

    .mines-outcome-container .mines-field {
        width: 100%;
    }

    .outcome-window_crash {
        top: 15px;
        padding: 15px 30px;
        margin-left: 12px;
        border-radius: 8px;
    }

    .outcome-window_crash .outcome-window__coeff {
        font-size: 22px;
    }

    .outcome-window_crash .outcome-window__text {
        font-size: 10px;
    }

    .outcome-window_crash .outcome-window_won-wrapper {
        font-size: 11px;
    }

    .crash-block {
        height: 250px;
    }

    .crash-field-wrapper {
        padding: 5px 5px;
    }

    .crash-bet__sum {
        margin-right: 0;
    }

    .crash-bet__value {
        font-size: 12px;
    }

    .crash-bet__sum {
        padding-right: 10px;
        padding-left: 2px;
    }

    .crash-bet__win {
        width: 80px;
        padding: 7px 2px;
    }

    .crash-bet__coeff {
        padding: 7px 2px;
        width: 75px;
        margin-right: 10px;
    }

    .crash-bet__rank {
        width: 20px;
        top: -1px;
    }

    .crash-bet__user-wrapper {
        padding-left: 10px;
    }

    .crash-bet__image-wrapper {
        height: 40px;
    }

    .crash-bet__image {
        width: 40px;
        height: 40px;
    }

    .avatar_crash {
        height: 40px;
        width: 40px;
    }

    .contact__image {
        display: none;
    }

    .contact__info {
        margin-left: 0;
    }

    .contact__goto {
        right: 7px;
    }

    .footer-terms {
        flex-direction: column;
    }

    .bonus-carousel-wrapper {
        margin: 15px -3px;
    }

    .double-circle-inner__number {
        font-size: 12px;
    }

    .double-circle {
        min-width: 36px;
        min-height: 36px;
        width: 36px;
        height: 36px;
        max-width: 36px;
        margin-right: 5px;
        padding: 3px;
    }

    .double-footer-wrapper {
        padding: 10px 0;
    }

    .game-footer_double {
        padding: 0 10px;
    }

    .double-rel {
        width: 130px;
        height: 130px;
        line-height: 130px;
        font-size: 45px;
    }

    .double-last-history_margined {
        margin-right: 10px;
    }

    .double-history-result_medium {
        width: 28px;
        height: 28px;
    }

    .double-history-result_medium:before {
        width: 33px;
        height: 33px;
    }

    .double-history-result_medium .double-history-result__number {
        font-size: 12px;
        line-height: 28px;
    }

    .double-timer {
        line-height: 27px;
        font-size: 12px;
    }

    .double-time {
        font-size: 36px;
        margin-top: 17px;
    }

    .double:after {
        width: 250px;
        height: 250px;
    }

    .double:before {
        width: 150px;
        height: 150px;
    }

    .double {
        width: 230px;
        height: 230px;
    }

    .games-table__dice_history th:nth-child(3),
    .games-table__dice_history td:nth-child(3) {
        display: none;
    }

    .game-sidebar-hide-desktop {
        display: block;
    }

    .game-area-slider {
        padding: 0 15px;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .game-area-possible-winning {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .game-area-pw-bg-img {
        margin-top: 85px;
        width: 250px;
    }

    .game-area-possible-winning-val {
        font-size: 70px;
    }

    .game-area_dice {
        padding: 15px;
    }

    .game-area_dice-options {
        display: none;
    }

    /* .irs-grid-pol.small{
        display: none;
    } */
    .wallet-header__item {
        font-size: 13px;
        padding: 15px 10px;
    }

    .payment-raffle__left {
        font-size: 55px;
    }

    .wallet-header {
        padding: 0;
    }

    .payment-total__second-row {
        flex-direction: column;
    }

    .promo-column {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .game-sidebar__play-button.game-sidebar__play-button_green {
        margin-top: 10px;
    }

    .game-sidebar__play-button_green.slots-auto-game {
        margin-top: 0;
    }

    .game-sidebar__play-button_green.plinko-auto-game {
        margin-top: 0;
    }

    .payment-promocode-call {
        margin-top: 0;
    }

    .payment-total {
        padding: 15px;
    }

    .wallet-input-currency {
        right: 12px;
        font-size: 12px;
    }

    .payment-field label {
        margin-bottom: 10px;
    }

    .sm-hidden {
        display: none;
    }

    .sum-option__currency {
        font-size: 11px;
    }

    .wallet-area {
        padding: 15px;
    }

    .sum-option {
        font-size: 13px;
    }

    .history-card-wrapper {
        width: 100%;
    }

    .fair .col:last-child {
        width: 100%;
        flex: auto;
        margin-top: 10px;
    }

    .fair .col:nth-child(2) {
        margin-right: 0;
    }

    .mines-field-wrapper {
        padding: 10px 10px;
    }

    .mines-field {
        width: 280px;
    }

    .mines_step {
        font-size: 9px;
    }

    .coeff-number-wrapper {
        font-size: 13px;
        padding: 8px 10px;
    }

    .game-container__table__player {
        max-width: 110px;
    }

    .hide-500 {
        display: none;
    }

    .game-container__table__player img {
        width: 20px;
        margin-right: 1px;
    }


    .user-profile-full-stats__btn__icon {
        font-size: 13px;
        font-weight: 800;
        margin: 0;
    }

    .fair-slider-control .user-profile-full-stats__btn__icon {
        display: inline-block;
        font-size: 11px;
        margin: 0 2px;
    }

    .user-profile-full-stats__btn__text {
        display: none;
    }

    .games-table__header-th_with-submenu {
        width: 22%;
    }

    .user-profile-caregories__room-arrow {
        font-size: 7px;
        margin-left: 1px;
    }

    .games-table__dice_history td:first-child,
    .games-table__dice_history th:first-child {
        max-width: 135px;
    }

    .double-button .bet-amount {
        font-size: 15px;
    }

    .double-button button {
        width: 95px;
        margin: 10px 4px !important;
        padding: 0 20px 0 12px;
    }

    .games-dropdown__game {
        padding: 9px 7px;
    }

    .ref-summary {
        font-size: 12px;
    }

    .partnership__code {
        padding-right: 65px;
    }

    .user-profile-caregories__games-txt {
        display: none;
    }

    .getMoney {
        margin-bottom: 0;
    }

    .ref-profit__item:first-child {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .ref-profit__item:last-child {
        border-bottom: none;
    }

    .ref-profit__item {
        border-left: none;
        padding-bottom: 15px;
        margin-bottom: 15px;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .ref-profit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }

    .user-profile-overview-loop__left-resources__tickets {
        font-size: 16px;
    }

    .user-profile-overview-loop__left-resources__balance {
        font-size: 16px;
    }

    .user-profile-overview-loop__left-since {
        font-size: 11px;
        text-align: center;
    }

    .user-profile-overview-loop__left-avatar {
        width: 150px;
    }

    .user-profile-overview-loop__left-resources__name {
        font-size: 16px;
    }

    .user-profile-overview-stats-divisor {
        margin: 10px auto 20px;
    }

    .user-profile-overview-loop__left {
        margin-bottom: 20px;
    }

    .stat-block {
        width: 131px;
        margin-left: 5px;
        margin-right: 5px;
    }


    .raffle-user-tickets .myicon-ticket-raffle {
        font-size: 19px;
    }

    .winner-block {
        margin-top: 10px;
    }

    .raffle-bank {
        font-size: 16px;
    }

    #raffle-price {
        font-size: 20px;
    }

    #winner-tickets-value {
        font-size: 20px;
    }

    .raffle-timer__time-descr {
        font-size: 14px;
    }

    .winner-tickets,
    .winner-prize,
    .winner-name {
        font-size: 16px;
    }



    .raffle-user-tickets {
        font-size: 14px;
    }

    .raffle-countdown {
        zoom: .75;
    }





    .notifyme-notification.notifyme-bottom-right {
        bottom: 30px;
        right: 10px !important;
        margin-left: 10px;
    }

    .notifyme-notification.notifyme-top-right {
        right: 10px !important;
        margin-left: 10px;
    }

    .top table tbody tr td {
        max-width: 100px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top table thead {
        font-size: 12px;
    }

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

    .navbar .balance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: absolute;
        top: 70px;
        background: var(--color-primary-dark);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
        line-height: 0;
        font-size: 16px;
        color: var(--color-accent);
        margin: 0;
        padding: 5px 0;
        z-index: 99;
    }

    .chat-toggle {
        min-width: 60px;
    }

    .hamburger {
        padding: 15px 11px;
    }

    .navbar .balance a {
        font-size: 20px;
    }

    .raffle-history h4 {
        font-size: 1rem;
    }

    .stats-table__other th:nth-child(1),
    .stats-table__other td:nth-child(1) {
        width: 20%;
    }

    .stats-table__other th:nth-child(2),
    .stats-table__other td:nth-child(2) {
        padding-right: 6%;
        width: 24%;
    }

    .stats-table__other th:nth-child(3),
    .stats-table__other td:nth-child(3) {
        width: 30%;
        padding-right: 3%;
    }

    .stats-table__other th:nth-child(4),
    .stats-table__other td:nth-child(4) {
        width: 25%;
    }

    .stats-table__withdraws th:nth-child(6),
    .stats-table__withdraws td:nth-child(6) {
        padding-right: 0;
        width: 5%;
        text-align: center;
    }

    .dice .dice-history img.rank {
        width: 20px;
        margin-right: 1px;
    }

    .stat-block__title {
        font-size: 11px;
    }

    .games-dropdown__game.games-dropdown__game-room {
        font-size: 11px;
    }

    .stats-table__withdraws th:nth-child(4),
    .stats-table__withdraws td:nth-child(4) {
        width: 19%;
    }

    .stats-table__withdraws th:nth-child(2),
    .stats-table__withdraws td:nth-child(2) {
        padding-right: 3%;
    }

    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        white-space: nowrap;
    }

    .stats-table__withdraws th:nth-child(3),
    .stats-table__withdraws td:nth-child(3) {
        width: 13%;
    }

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

@media(max-width: 400px) {
    .navbar-brand img {
        width: 100px;
    }
    .notifications__btn {
        border: none;
        width: 25px;
    }

    .notifications__btn.active-badge:before {
        right: 0;
    }

    .payout-value-wrap {
        font-size: 7px;
        height: 20px;
        border-radius: 3px;
    }

    .slot__payout {
        font-size: 11px;
        top: -11px;
    }

    .games-table__tournament th:nth-child(3),
    .games-table__tournament td:nth-child(3) {
        width: 85px;
    }

    .games-table__tournament th:nth-child(4),
    .games-table__tournament td:nth-child(4) {
        width: 75px;
    }

    .tournament-table__win span {
        margin-right: 3px;
    }

    .tournament-table__bet span {
        margin-right: 3px;
    }

    .tournament__username {
        display: none;
    }

    .game-card__title {
        font-size: 35px;
    }

    .game-card_small .game-card__contents,
    .game-card_medium .game-card__contents,
    .game-card_big .game-card__contents {
        bottom: 25px;
    }

    .modal_game-outcome__stats-value {
        font-size: 12px;
    }

    .promocode-activate-btn {
        padding: 15px;
    }

    .captcha-bonus {
        padding: 10px 0;
    }

    .modal-dialog.wide-modal {
        max-width: 320px;
    }

    .jacpot-tab__title {
        font-size: 13px;
    }

    .jackpot-tab-bank {
        padding: 2px 3px;
        font-size: 9px;
    }

    .game-container__table__header-th {
        font-size: 9px;
    }

    .game-container__table__body-td {
        font-size: 11px;
    }

    .game-container__table__body-td_fair {
        font-size: 13px;
    }

    .rooms-dropdown {
        top: 36px;
    }

    .deposit-progress {
        margin-top: 5px;
    }

    .games-table__dice_history td:first-child,
    .games-table__dice_history th:first-child {
        width: 40%;
        max-width: 85px;
    }


    .ranks .window-body {
        padding: 15px 12px;
    }

    .small-button {
        padding: 7px 10px;
    }

    .subheading h3 {
        font-size: 15px;
    }

    .games-table__ranks .games-table__header-th {
        max-width: 45px;
    }

    .games-table__body-battle-winner {
        width: 28px;
        height: 28px;
    }

    .user-profile-caregories__category {
        margin-right: 3px;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 7px;
        margin-left: 3px;
    }

    .user-profile-caregories__category_games {
        white-space: nowrap;
    }

    .buttoninzc {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }

    .stats-table__pays th:nth-child(1),
    .stats-table__pays td:nth-child(1) {
        width: 24%;
    }

    .stats-table__pays th:nth-child(2),
    .stats-table__pays td:nth-child(2) {
        padding-right: 7%;
    }

    .games-table__body-battle-bet {
        padding: 5px 8px;
    }

    .games-table__double td:nth-child(2) {
        white-space: nowrap;
    }

    .games-table__body-double-bet {
        padding: 5px 7px;
    }

    .games-table__money {
        white-space: nowrap;
    }

    .games-table__jackpot td:last-child,
    .games-table__double td:last-child,
    .games-table__battle td:last-child,
    .games-table__crash td:last-child,
    .games-table__dice td:last-child {
        padding-right: 0;
    }

    .games-table__jackpot th:nth-child(4),
    .games-table__jackpot td:nth-child(4) {
        padding-right: 2%;
    }

    .games-table__header-th {
        font-size: 9px;
    }

    .games-table__body-td__dots {
        font-size: 8px;
    }

    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        width: 10%;
    }

    .stats-table__withdraws th:nth-child(2),
    .stats-table__withdraws td:nth-child(2) {
        width: 16%;
    }

    .games-table__header-th {
        max-width: 35px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .games-table__body-td {
        font-size: 11px;
    }

    .next-rank img.rank-icon {
        width: 50px;
    }

    .bets-progress,
    .deposit-progress {
        font-size: 12px;
    }

    .stat-block__value {
        font-size: 14px;
    }

    .stat-block {
        padding: 10px 5px;
    }

    .dark-button i {
        font-size: 14px;
    }

    .dark-button {
        font-size: 12px;
    }

    .games-table__body-td__fair {
        font-size: 13px;
    }

    .user-profile .code .value button {
        top: 1px;
        padding: 11px 20px;
    }

    .user-profile .code .value input {
        font-size: 14px;
        padding: 12px 10px;
    }

    .user-profile-overview-loop__left-action-button_pay {
        margin-top: 10px;
    }

    .dark-button i {
        display: none !important;
    }

    .your-code__text {
        font-size: 12px;
    }
}

@media(max-width: 359px) {
    .money-block__money-area.money-block__money-area_ingame {
        font-size: 13px;
    }
    .tournament__username {
        display: none;
    }
    .banner_socials {
        font-size: 9px;
    }

    .payout-value-wrap {
        font-size: 6px;
        height: 18px;
        border-radius: 2px;
    }

    .modal-header__item {
        font-size: 13px;
        padding: 0 7px;
    }


    .navbar-brand img.ny_logo {
        width: 108px;
        margin-top: 17px;
        margin-left: 5px;
    }

    .mines-field {
        width: 280px;
    }

    .mines-outcome-container {
        padding: 15px;
    }

    .crash-outcome-container {
        padding: 15px;
    }

    .mines-outcome-container .mines-field {
        width: 100%;
    }

    .hide-359 {
        display: none;
    }

    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        white-space: normal;
    }

    .games-table__jackpot td,
    .games-table__double td,
    .games-table__battle td,
    .games-table__crash td,
    .games-table__dice td {
        padding-right: 2px;
    }



    .user-profile-caregories__room-arrow {
        font-size: 6px;
        margin-left: 0;
    }

    .stat-block {
        width: 121px;
    }

    .stat-block:first-child {
        margin-left: 0;
    }

    .stat-block:nth-child(2) {
        margin-right: 0;
    }

    .stat-block:last-child {
        width: 130px;
    }

    .small-button {
        padding: 5px 8px;
    }

    .user-profile-overview-loop__left-action-button_pay {
        margin-top: 7px;
    }

    .dark-button {
        font-size: 11px;
    }

    .double-button button {
        width: 85px;
        margin: 10px 3px !important;
        padding: 0 20px 0 9px;
    }

    .double-button .bet-amount {
        font-size: 14px;
    }

    .mobile-menu__contents {
        padding: 0;
    }

    #money {
        font-size: 13px;
    }

    .header__btn {
        padding: 0 10px;
    }

    .navbar .user {
        margin-right: 5px;
    }

    .navbar-brand img {
        width: 80px;
        /* margin-top:20px;
margin-left:8px; */
    }


    .money-block__money-area {
        font-size: 15px;
    }

    .money-block__action {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-right: 5px;
    }


    .games-table__ranks td:nth-child(1),
    .games-table__ranks th:nth-child(1) {
        padding-right: 2px;
    }

    .games-table__ranks td:nth-child(2),
    .games-table__ranks th:nth-child(2),
    .games-table__ranks td:nth-child(3),
    .games-table__ranks th:nth-child(3),
    .games-table__ranks td:nth-child(4),
    .games-table__ranks th:nth-child(4),
    .games-table__ranks td:nth-child(5),
    .games-table__ranks th:nth-child(5) {
        padding-right: 2px;
    }

    .ranks-table td div img {
        width: 18px;
        margin-right: 1px;
    }

    .rank-name {
        font-size: 10px;
    }

    .bet-input .upper a {
        padding: 7px;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 6px;
        margin-left: 2px;
    }

    .user-profile-caregories__category {
        margin-right: 1px;
        font-size: 11px;
    }

    .user-profile .code .value {
        width: 250px;
    }

    .user-profile-overview-loop__left-avatar {
        width: 130px;
    }

    .user-profile-overview-loop__left-since {
        font-size: 11px;
    }

    .raffle-countdown {
        zoom: .67;
    }

    .raffle-bank {
        font-size: 18px;
    }


}

@media(max-width: 340px) {

    .bets-progress,
    .deposit-progress {
        font-size: 10px;
    }
}

@-webkit-keyframes bgscroll {
    from {
        background-position: 0 0px, 0 100%, 0 50%, 0 0;
    }

    to {
        background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0;
    }
}

@keyframes bgscroll {
    from {
        background-position: 0 0px, 0 100%, 0 50%, 0 0;
    }

    to {
        background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0;
    }
}

.alert-red .alert-close,
.alert-pink .alert-close,
.alert-purple .alert-close,
.alert-indigo .alert-close,
.alert-blue .alert-close,
.alert-cyan .alert-close,
.alert-teal .alert-close,
.alert-green .alert-close,
.alert-orange .alert-close,
.alert-brown .alert-close,
.alert-bgray .alert-close {
    color: #fff;
}

.alert-red {
    background-color: #7382e5 !important;
    color: #fff !important;
    width: 100%;
}

.alert-pink {
    background-color: #F06292 !important;
    color: #fff !important;
}

.alert-purple {
    background-color: #BA68C8 !important;
    color: #fff !important;
}

.alert-indigo {
    background-color: #7986CB !important;
    color: #fff !important;
}

.alert-blue {
    background-color: #64B5F6 !important;
    color: #fff !important;
}

.alert-cyan {
    background-color: #4DD0E1 !important;
    color: #fff !important;
}

.alert-teal {
    background-color: #4DB6AC !important;
    color: #fff !important;
}

.alert-green {
    background-color: #81C784 !important;
    color: #fff !important;
}

.alert-orange {
    background-color: #FFB74D !important;
    color: #fff !important;
}

.alert-brown {
    background-color: #A1887F !important;
    color: #fff !important;
}

.alert-bgray {
    background-color: #90A4AE !important;
    color: #fff !important;
}

.alert {
    background-color: #eee;
    color: #000;
    border-radius: 4px;
    padding: 20px;
    opacity: 1;
    font-size: 16px;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    border-radius: 25px;
    max-width: 800px;
    margin: 20px auto;
}

.alert-close {
    margin-left: 15px;
    color: #bbb;
    float: right;
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
}

.alert-close:hover {
    color: #000;
}

.limiter {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    overflow: auto;
    background: rgba(0, 0, 0, 0.6);
}

.container-login100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
}

.wrap-login100 {
    width: 670px;
    background: #21203a;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 0 9px 0 #88888838;
    box-shadow: 0 0 9px 0 #88888838;
}

.login100-form-title {
    width: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 15px;
}

.login100-form-title-1 {
    font-family: Poppins-Bold;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
}

.login100-form-title::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(39, 44, 66, 0.86);
}

.login100-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 43px 88px 93px 190px;
}

.overlay_login {
    display: inline-block;
    text-align: center;
    margin-top: 40px;
    max-width: 70%;
}

.termssss1 {
    color: #47457d !important;
}

.termssss {
    color: #0f0f1b !important;
}

.top.active {
    display: block;
}

.top {
    background: var(--color-secondary-bg);
    padding: 15px;
    border-radius: 15px;
    display: none;
    color: #fff;
    font-weight: 400;
}

.top table {
    text-align: center;
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
}

.top table thead {
    font-size: 15px;
}

.top table thead th {
    padding: 5px;
    border-bottom: 1px solid #dcdde0;
}

.top table tbody tr:nth-child(1) {
    background-color: rgba(255, 215, 0, .8);
}

.top table tbody tr:nth-child(2) {
    background-color: rgba(192, 192, 192, .5);
}

.top table tbody tr:nth-child(3) {
    background-color: rgba(205, 127, 50, .3);
}

.top table tbody tr td {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #dcdde0;
}