@font-face {
    font-family: icomoon;
    src: url('../fonts/icomoon/icomoon.0262fe08b6b583dd.eot?8roa0o');
    src: url('../fonts/icomoon/icomoon.0262fe08b6b583dd.eot?8roa0o#iefix') format("embedded-opentype"),
	     url('../fonts/icomoon/icomoon.984e4daf2b5b1bac.ttf?8roa0o') format("truetype"),url('../fonts/icomoon/icomoon.f6f4a4f4604ee323.woff?8roa0o') format("woff"),
		 url('../fonts/icomoon/icomoon.6e10dac22ae1c262.svg?8roa0o#icomoon') format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}



[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}





/*inventory header*/
@media (min-width: 768px) {
.inventory_default .inventory__head {
    display: flex;
    height: 60px;
    padding: 0 25px;
    align-items: center;
} }

.inventory_default .inventory__head {
    position: relative;
    display: flex;
	margin-bottom: 0.8rem;
	height: 75px;
    border-radius: 1rem;
    background-color: #202741;
}


@media (max-width: 767px) {
.inventory_default .inventory__head {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 18px 15px;
} }


@media (max-width: 767px) {
.inventory_default .inventory__balance {
    display: inline-block;
    display: flex;
} }

@media (max-width: 428px) {
.inventory_default .inventory__title {
    width: 70px;
    font-size: 1.2rem!important;
	margin-bottom: 0px!important;
} }

@media (max-width: 430px) {
.inventory_default .inventory__title {
    width: 70px;
    font-size: 1.2rem!important;
	margin-bottom: 0px!important;
} }


@media (max-width: 767px) {
.inventory_default .inventory__title {
    width: 80px;
    font-size: 1rem;
    margin-bottom: 0;
} }

@media (max-width: 428px) {
.inventory_default .inventory__count {
    font-size: 1.2rem!important;
} }

@media (max-width: 430px) {
.inventory_default .inventory__count {
    font-size: 1.2rem!important;
} }

@media (max-width: 767px) {
.inventory_default .inventory__selected {
    display: flex;
    margin-left: 0;
    margin-top: 8px;
} }

@media (max-width: 428px) {
.inventory_default .inventory__toggle {
    top: 16px;
    right: calc(20% + 15px);
    margin-top: 0;
} }

@media (max-width: 430px) {
.inventory_default .inventory__toggle {
    top: 16px;
    right: calc(20% + 15px);
    margin-top: 0;
} }

@media (max-width: 767px) {
.inventory_default .inventory__toggle {
    position: absolute;
    top: 18px;
    right: calc(40% + 15px);
} }

@media (max-width: 767px) {
.xswitch_md_mini .xswitch__content {
    width: 32px;
    height: 16px;
    border-radius: 16px;
} }

@media (max-width: 428px) {
.inventory_default .inventory__toggle {
    top: 16px;
    right: calc(20% + 15px)!important;
    margin-top: 0;
} }

@media (max-width: 430px) {
.inventory_default .inventory__toggle {
    top: 16px;
    right: calc(20% + 15px)!important;
    margin-top: 0;
} }

@media (max-width: 767px) {
.inventory_default .inventory__toggle {
    position: absolute;
    top: 18px;
    right: calc(40% + 15px);
} }

.inventory_default .inventory__title {
    margin-bottom: 3px;
    color: #d6e2ff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

@media (min-width: 992px){
.inventory_default .inventory__count {
    font-size: 1.4rem;
} }

.inventory_default .inventory__count {
    color: #f3f6fa;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}


.symbol_usd:not(.symbol_reverse):before {
    content: "$";
}

.symbol_eur:not(.symbol_reverse):before, .symbol_usd:not(.symbol_reverse):before {
    position: relative;
    display: inline-block;
    color: inherit;
    font-family: DIN Pro,Roboto,Arial,Tahoma;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
}

@media (min-width: 768px) {
.inventory_default .inventory__selected {
    margin-top: 0;
    margin-left: 25px;
} }

@media (min-width: 425px) {
   .inventory_default .inventory__toggle {
    margin-top: 0;
    margin-left: 23px;
} }

.inventory_default .inventory__toggle {
    display: block;
}

.xswitch {
    position: relative;
    display: inline-block;
}

.xswitch .xswitch__input {
    display: none;
}

.xswitch_small .xswitch__content {
    width: 44px;
    height: 28px;
    border-radius: 9px;
}

.xswitch_primary .xswitch__content {
    background-color: #161b2e;
}
.xswitch .xswitch__content {
    display: block;
    cursor: pointer;
    transition: background-color .2s ease-out 0s;
}

.xswitch_small .xswitch__circle {
    top: 6px;
    left: 6px;
    width: 16px;
    height: 16px;
}

.xswitch_primary .xswitch__circle {
    background-color: #2d344f;
    border-color: #2d344f;
}
.xswitch .xswitch__circle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    transform: translateX(0);
    transition: transform .2s ease-out 0s,background-color .2s ease-out 0s;
}

.xswitch_small .xswitch__input:checked+.xswitch__content .xswitch__circle {
    transform: translateX(14px);
}

.xswitch_primary .xswitch__input:checked+.xswitch__content .xswitch__circle {
    background-color: #87f4fe;
    border-color: #87f4fe;
}
.xswitch .xswitch__input:checked+.xswitch__content .xswitch__circle {
    transform: translateX(28px);
}

.xswitch_small .xswitch__circle {
    top: 6px;
    left: 6px;
    width: 16px;
    height: 16px;
}


@media (max-width: 767px) {
.xswitch_md_mini .xswitch__content {
    width: 32px;
    height: 16px;
    border-radius: 16px;
} }

@media (max-width: 767px) {
.xswitch_md_mini .xswitch__circle {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
} }

.inventory_default .inventory__toggle .inventory__intotext {
    display: block;
    color: #d6ddea;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Gotham';
    line-height: 1.6;
    text-transform: uppercase;
    text-align: center;
    margin-top: 4px;
}

@media (max-width: 428px) {
.inventory_default .inventory__show {
    width: 20%!important;
    height: 100%!important;
    font-size: 18px!important;
    line-height: 68px!important;
} }

@media (max-width: 430px) {
.inventory_default .inventory__show {
    width: 20%!important;
    height: 100%!important;
    font-size: 18px!important;
    line-height: 68px!important;
} }

@media (max-width: 767px) {
.inventory_default .inventory__show {
    display: block!important;
} }

@media (max-width: 428px) {
.inventory_default .inventory__show .inventory__text {
    display: none!important;
} }

@media (max-width: 430px) {
.inventory_default .inventory__show .inventory__text {
    display: none!important;
} }

.inventory_default .inventory__show {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0 15px;
    width: 40%;
    height: 72px;
    background: #2d344f;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border: none;
    font-size: 1rem;
    color: #f2b59e;
    font-weight: 500;
    line-height: 72px;
    text-transform: uppercase;
    text-align: center;
}

@media (max-width: 428px) {
.inventory_default .inventory__show .icon {
    margin-right: 0;
} }

@media (max-width: 430px) {
.inventory_default .inventory__show .icon {
    margin-right: 0;
} }

.inventory_default .inventory__show .icon {
    top: 3px;
}





.xswitch_small .xswitch__input:checked+.xswitch__content .xswitch__circle {
    transform: translateX(14px);
}


/*Game stats*/

.crash__statistics {
    margin-bottom: 10px;
}

@media (min-width: 1440px) {
.statistics_crash2 {
    flex-wrap: nowrap;
} }

.statistics_crash2 {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}
.statistics {
    position: relative;
	height: 80px;
}

@media only screen and (max-width: 428px) {
.statistics {
    position: relative;
    height: auto;
} }

@media only screen and (max-width: 428px) {
.statistics_crash2 .statistics__value {
    font-size: 1.5rem!important;
} }

@media only screen and (max-width: 430px) {
.statistics {
    position: relative;
    height: auto;
} }

@media only screen and (max-width: 430px) {
.statistics_crash2 .statistics__value {
    font-size: 1.5rem!important;
} }

@media (min-width: 1600px) {
.statistics_crash2 .statistics__head {
    padding: 10px 30px;
} }

.statistics_crash2 .statistics__head {
    position: relative;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    padding: 20px 20px;
    background-color: #1c233a;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-right: 1px solid #161b2e;
}

@media (min-width: 1600px) {
.statistics_crash2 .statistics__title {
    font-size: 20px;
    line-height: 70px;
} }

.statistics_crash2 .statistics__title {
    color: #d5dcf3;
    font-size: 26px;
    font-weight: 500;
    line-height: 45px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 1600px)
.statistics_crash2 .statistics__title .icon_statistics {
    vertical-align: -2px;
}
.statistics_crash2 .statistics__title .icon_statistics {
    margin-right: 10px;
    vertical-align: -1px;
}
.icon {
    position: relative;
    color: inherit;
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon_statistics:before {
    content: "";
}

*, :after, :before {
    box-sizing: border-box;
}

@media (min-width: 1600px) {
.statistics_crash2 .statistics__history {
    top: 23px;
} }

.statistics_crash2 .statistics__history {
    display: inline-block;
    height: 36px;
    padding: 0;
	margin-top: 3px;
	width: 36px;
	min-width: 36px;
    margin-left: 10px;
    background-color: #9ca7d129;
    border-radius: 6px;
    color: #99a9dd;
    font-size: 12px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .2s ease-out 0s,background-color .2s ease-out 0s;
}

.statistics_crash2 .statistics__history:hover {

    background-color: #94aaff42;
    color: #ced8ff;
    transition: color .2s ease-out 0s,background-color .2s ease-out 0s;
}

.statistics_crash2 .statistics__main {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}


.statistics_crash2 .statistics__item:not(:last-child) {
   border-right: 1px solid #161b2e;
	
}

.statistics_crash2 .statistics__item:last-child {
   border-top-right-radius: 2rem;
   border-bottom-right-radius: 2rem;
	
}
@media (max-width: 428px) {
.statistics_crash2 .statistics__item:first-child {
   border-top-left-radius: 1rem;
   border-bottom-left-radius: 1rem;
} }

@media (max-width: 430px) {
.statistics_crash2 .statistics__item:first-child {
   border-top-left-radius: 1rem;
   border-bottom-left-radius: 1rem;
} }

@media (max-width: 428px) {
.statistics_crash2 .statistics__item:last-child {
   border-top-right-radius: 1rem;
   border-bottom-right-radius: 1rem;
} }

@media (max-width: 430px) {
.statistics_crash2 .statistics__item:last-child {
   border-top-right-radius: 1rem;
   border-bottom-right-radius: 1rem;
} }

@media (min-width: 1600px) {
.statistics_crash2 .statistics__item {
    padding: 25px 30px;
} }
@media (min-width: 768px) {
.statistics_crash2 .statistics__item {
    justify-content: center;
} }
.statistics_crash2 .statistics__item {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 20px;
    background-color: #202741;
}

.statistics_crash2 .statistics__icon {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    color: #747e9d;
    font-family: icomoon!important;
    speak: never;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.statistics_crash2 .statistics__icon_player:before {
    content: "";
}

.statistics_crash2 .statistics__information {
    display: block;
}

@media (min-width: 1600px) {
.statistics_crash2 .statistics__value {
    font-size: 22px;
} }
 
.statistics_crash2 .statistics__value {
    display: inline-flex;
    color: #d5dcf3;
    margin-bottom: 0.3rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.statistics_crash2 .statistics__intotext {
    display: block;
    margin-top: 5px;
    color: #747e9d;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 767px) {
.statistics_crash2 .statistics__intotext {

    font-size: 0.9rem;

} }

.statistics_crash2 .statistics__icon_money:before {
    content: "";
}

.statistics_crash2 .statistics__icon_gun:before {
    content: "";
}

.game-id-fairplay {
	color: #eceff7;
    font-size: 15px;
	margin-top: 3px;
	margin-bottom: 2rem;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}

.page_round2 .page__title .icon {
    top: 1px;
    margin-right: 5px;
    font-size: 2rem;
}

.icon_file_history:before {
    content: "";
}




/* MOBILE INPUT */

@media (max-width: 767px) {
.information__head {
    margin: 0 0 15px;
} }

.information__head {
    position: relative;
    margin-top: 7px;
    margin-bottom: 20px;
}

@media (max-width: 428px) {
.information__title {
    position: relative;
    font-size: 1.2rem!important;
	color: #ffccba!important;
} }

@media (max-width: 428px) {
.game-info-form {
    grid-template-columns: 10.2rem 1fr!important;
} }

@media (max-width: 428px) {
.status-label--red {
    margin-right: 0px!important;
    margin-left: auto!important; 
} }

@media (max-width: 430px) {
.information__title {
    position: relative;
    font-size: 1.2rem!important;
	color: #ffccba!important;
} }

@media (max-width: 430px) {
.game-info-form {
    grid-template-columns: 10.2rem 1fr!important;
} }

@media (max-width: 430px) {
.status-label--red {
    margin-right: 0px!important;
    margin-left: auto!important; 
} }


.information__title {
    color: #eaecf0;
    font-size: 15px;
    top: 2px;
    line-height: 12px;
    font-weight: 500;
    text-transform: uppercase;
}



@media (max-width: 428px) {
.information__settings {
    top: -11px;
} }

@media (max-width: 430px) {
.information__settings {
    top: -11px;
} }

.information__settings {
    position: absolute;
    top: -7px;
    right: 0px;
}

@media (max-width: 428px) {
.information__settings .information__close, .information__settings .information__edit {
    font-size: 1rem;
} }

@media (max-width: 430px) {
.information__settings .information__close, .information__settings .information__edit {
    font-size: 1rem;
} }

.information__settings .information__edit {
    display: inline-block;
    color: #808aab;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2px;
    padding: 0 10px;
    height: 24px;
    border-radius: 7px;
    background: #232b47;
    line-height: 14px;
    text-transform: uppercase;
    transition: color .2s ease-out 0s;
}

.information__settings .information__edit:hover {
    color: #b9c2db;
    background: #2b324b;
    transition: color .2s ease-out 0s;
}

.btn_small {
    font-size: 12px;
    line-height: 14px;
    padding: 8px 20px;
    border-radius: 2rem;
    text-transform: uppercase;
}

.information__settings .information__edit .icon {
    margin-left: 5px;
    vertical-align: -1px;
}

.icon_coeff_edit:before, .icon_settings2:before {
    content: "";
}

.btn, .btn:active, .btn:focus, .btn:hover {
    text-decoration: none;
    outline: none;
}

.giveaway__icon {
    font-size: 14px;
    margin-right: 9px;
	margin-bottom: 2px;
}



/* SIDEBAR BY HERKI */

.icon-user-file:before {
  content: "\e900";
}
.icon-exclamation-circle:before {
  content: "\e901";
}
.icon-cog-arrows:before {
  content: "\e902";
}
.icon-info-circle:before {
  content: "\e903";
}
.icon-exclamation-triangle:before {
  content: "\e904";
}
.icon-arrow-left:before {
  content: "\e905";
}
.icon-arrow-right:before {
  content: "\e906";
}
.icon-arrow-down:before {
  content: "\e907";
}
.icon-chevron-left:before {
  content: "\e908";
}
.icon-chevron-right:before {
  content: "\e909";
}
.icon-rain-arrows:before {
  content: "\e90a";
}
.icon-cookie:before {
  content: "\e90b";
}
.icon-bank:before {
  content: "\e90c";
}
.icon-banknote:before {
  content: "\e90d";
}
.icon-bill-receiver:before {
  content: "\e90e";
}
.icon-frame-dashed:before {
  content: "\e90f";
}
.icon-cross-circle:before {
  content: "\e910";
}
.icon-brain:before {
  content: "\e911";
}
.icon-calendar:before {
  content: "\e912";
}
.icon-comment:before {
  content: "\e913";
}
.icon-check:before {
  content: "\e914";
}
.icon-checked-circle:before {
  content: "\e915";
}
.icon-trash-bin:before {
  content: "\e916";
}
.icon-history:before {
  content: "\e917";
}
.icon-cross:before {
  content: "\e918";
}
.icon-copy:before {
  content: "\e919";
}
.icon-crown:before {
  content: "\e91a";
}
.icon-bitcoin:before {
  content: "\e91b";
}
.icon-trophy-star:before {
  content: "\e91c";
}
.icon-discord:before {
  content: "\e91d";
}
.icon-grid-th:before {
  content: "\e91e";
}
.icon-download:before {
  content: "\e91f";
}
.icon-quote:before {
  content: "\e920";
}
.icon-instagram:before {
  content: "\e921";
}
.icon-ellipsis-h:before {
  content: "\e922";
}
.icon-archive:before {
  content: "\e923";
}
.icon-exchange:before {
  content: "\e924";
}
.icon-refresh-arrows:before {
  content: "\e925";
}
.icon-eye:before {
  content: "\e926";
}
.icon-eye-slash:before {
  content: "\e927";
}
.icon-grid-four:before {
  content: "\e928";
}
.icon-file-upload:before {
  content: "\e929";
}
.icon-file-list:before {
  content: "\e92a";
}
.icon-horseshoe:before {
  content: "\e92b";
}
.icon-info-circle-bold:before {
  content: "\e92c";
}
.icon-cube:before {
  content: "\e92d";
}
.icon-candle-bars-h:before {
  content: "\e92e";
}
.icon-chart-board:before {
  content: "\e92f";
}
.icon-lock:before {
  content: "\e930";
}
.icon-logout:before {
  content: "\e931";
}
.icon-bars:before {
  content: "\e932";
}
.icon-moder:before {
  content: "\e933";
}
.icon-banknotes:before {
  content: "\e934";
}
.icon-banknote-coins:before {
  content: "\e935";
}
.icon-loader-half:before {
  content: "\e936";
}
.icon-clipboard-list:before {
  content: "\e937";
}
.icon-bell:before {
  content: "\e938";
}
.icon-partnership:before {
  content: "\e939";
}
.icon-pen:before {
  content: "\e93a";
}
.icon-user-friends:before {
  content: "\e93b";
}
.icon-discount-tag:before {
  content: "\e93c";
}
.icon-phone:before {
  content: "\e93d";
}
.icon-user-half:before {
  content: "\e93e";
}
.icon-quiz:before {
  content: "\e93f";
}
.icon-user-plus:before {
  content: "\e940";
}
.icon-users:before {
  content: "\e941";
}
.icon-unlink:before {
  content: "\e942";
}
.icon-banknote-alt:before {
  content: "\e943";
}
.icon-bars-lite:before {
  content: "\e944";
}
.icon-user-circle:before {
  content: "\e945";
}
.icon-refresh:before {
  content: "\e946";
}
.icon-rouble:before {
  content: "\e947";
}
.icon-chart-line:before {
  content: "\e948";
}
.icon-arrow-down-bold:before {
  content: "\e949";
}
.icon-arrow-up-bold:before {
  content: "\e94a";
}
.icon-send:before {
  content: "\e94b";
}
.icon-pushpin:before {
  content: "\e94c";
}
.icon-sliders-h:before {
  content: "\e94d";
}
.icon-exclamation-triangle-bold:before {
  content: "\e94e";
}
.icon-smile:before {
  content: "\e94f";
}
.icon-star:before {
  content: "\e950";
}
.icon-chart-pie:before {
  content: "\e951";
}
.icon-steam:before {
  content: "\e952";
}
.icon-life-ring:before {
  content: "\e953";
}
.icon-support:before {
  content: "\e954";
}
.icon-telegram:before {
  content: "\e955";
}
.icon-file-text:before {
  content: "\e956";
}
.icon-ticket:before {
  content: "\e957";
}
.icon-gift:before {
  content: "\e958";
}
.icon-discount-badge:before {
  content: "\e959";
}
.icon-webpushes:before {
  content: "\e95a";
}
.icon-chart-up:before {
  content: "\e95b";
}
.icon-medal-star:before {
  content: "\e95c";
}
.icon-untether:before {
  content: "\e95d";
}
.icon-user:before {
  content: "\e95e";
}
.icon-vapor:before {
  content: "\e95f";
}
.icon-vk:before {
  content: "\e960";
}
.icon-speech-bubble-question:before {
  content: "\e961";
}
.icon-trophy-bold:before {
  content: "\e962";
}
.icon-wallet:before {
  content: "\e963";
}
.icon-website:before {
  content: "\e964";
}
.icon-withdrawals:before {
  content: "\e965";
}
.icon-youtube:before {
  content: "\e966";
}
.icon-speech-bubbles-bold:before {
  content: "\e967";
}
.icon-wheel:before {
  content: "\e968";
}
.icon-crash:before {
  content: "\e969";
}
.icon-jackpot:before {
  content: "\e96a";
}
.icon-palette:before {
  content: "\e96b";
}
.icon-file-gif:before {
  content: "\e96c";
}
.icon-file-history:before {
  content: "\e96d";
}
.icon-chart-up-square:before {
  content: "\e96e";
}
.icon-pistol:before {
  content: "\e96f";
}
.icon-sack-dollar:before {
  content: "\e970";
}
.icon-coin-hand:before {
  content: "\e971";
}
.icon-bill-dollar:before {
  content: "\e972";
}
.icon-vortex-dollar:before {
  content: "\e973";
}
.icon-random:before {
  content: "\e974";
}
.icon-cog:before {
  content: "\e975";
}
.icon-shield:before {
  content: "\e976";
}
.icon-clock:before {
  content: "\e977";
}
.icon-trophy:before {
  content: "\e978";
}
.icon-volume:before {
  content: "\e979";
}
.icon-volume-mute:before {
  content: "\e97a";
}
.icon-lock-bold:before {
  content: "\e97b";
}
.icon-gamepad:before {
  content: "\e97c";
}
.icon-communications:before {
  content: "\e97d";
}
.icon-emoji-sad:before {
  content: "\e97e";
}
.icon-emoji-sleep:before {
  content: "\e97f";
}
.icon-refresh-lite:before {
  content: "\e980";
}
.icon-peper-clip:before {
  content: "\e981";
}
.icon-paper-clip-tablet:before {
  content: "\e982";
}
.icon-calendar-simple:before {
  content: "\e983";
}
.icon-wallet-bold:before {
  content: "\e984";
}
.icon-ticket-bold:before {
  content: "\e985";
}
.icon-copy-bold:before {
  content: "\e986";
}
.icon-parthership-bold:before {
  content: "\e987";
}
.icon-exchange-growing:before {
  content: "\e988";
}
.icon-cog-bold:before {
  content: "\e989";
}
.icon-chart-bold:before {
  content: "\e98a";
}
.icon-money-bold:before {
  content: "\e98b";
}
.icon-pistol-bold:before {
  content: "\e98c";
}
.icon-users-bold:before {
  content: "\e98d";
}
.icon-shield-bold:before {
  content: "\e98e";
}
.icon-eye-bold:before {
  content: "\e98f";
}
.icon-eye-slash-bold:before {
  content: "\e990";
}
.icon-calendar-bold:before {
  content: "\e991";
}
.icon-clock-bold:before {
  content: "\e992";
}
.icon-file-text-bold:before {
  content: "\e993";
}
.icon-buy-crypto:before {
  content: "\e994";
}
.icon-giftcard:before {
  content: "\e995";
}
.icon-crypto:before {
  content: "\e996";
}
.icon-card:before {
  content: "\e997";
}
.icon-lock-bold-2:before {
  content: "\e998";
}
.icon-cross-bold:before {
  content: "\e999";
}
.icon-check-bold:before {
  content: "\e99a";
}
.icon-arrow-right-bold:before {
  content: "\e99b";
}
.icon-view:before {
  content: "\e99c";
}
.icon-eye-bold-2:before {
  content: "\e99d";
}
.icon-giftcard-alt:before {
  content: "\e99e";
}
.icon-torn-paper-alt:before {
  content: "\e99f";
}
.icon-refresh-lite-alt:before {
  content: "\e9a0";
}
.icon-loader:before {
  content: "\e9a1";
}
.icon-question-tooltip:before {
  content: "\e9a2";
}
.icon-download-2:before {
  content: "\e9a3";
}
.icon-exclamation-circle-bold:before {
  content: "\e9a4";
}

/* adding icons */

.icon_G:before {
    content: "\e9f8"
}

.icon_csf-currency:before {
    content: "\ea14"
}

.icon_exclamation-circle:before {
    content: "\e901"
}

.icon_info-circle:before {
    content: "\e903"
}

.icon_exclamation-triangle:before {
    content: "\e904"
}

.icon_arrow-left:before {
    content: "\e905"
}

.icon_arrow-right:before {
    content: "\e906"
}

.icon_arrow-down:before {
    content: "\e907"
}

.icon_chevron-left:before {
    content: "\e908"
}

.icon_chevron-right:before {
    content: "\e909"
}

.icon_rain-arrows:before {
    content: "\e90a"
}

.icon_cross-circle:before {
    content: "\e910"
}

.icon_calendar:before {
    content: "\e912"
}

.icon_comment:before {
    content: "\e913"
}

.icon_check:before {
    content: "\e914"
}

.icon_checked-circle:before {
    content: "\e915"
}

.icon_trash-bin:before {
    content: "\e916"
}

.icon_history:before {
    content: "\e917"
}

.icon_cross:before {
    content: "\e918"
}

.icon_crown:before {
    content: "\e91a"
}

.icon_grid-th:before {
    content: "\e91e"
}

.icon_download:before {
    content: "\e91f"
}

.icon_ellipsis-h:before {
    content: "\e922"
}

.icon_archive:before {
    content: "\e923"
}

.icon_exchange:before {
    content: "\e924"
}

.icon_grid-four:before {
    content: "\e928"
}

.icon_file-list:before {
    content: "\e92a"
}

.icon_info-circle-bold:before {
    content: "\e92c"
}

.icon_cube:before {
    content: "\e92d"
}

.icon_lock:before {
    content: "\e930"
}

.icon_logout:before {
    content: "\e931"
}

.icon_moder:before {
    content: "\e933"
}

.icon_banknotes:before {
    content: "\e934"
}

.icon_loader-half:before {
    content: "\e936"
}

.icon_clipboard-list:before {
    content: "\e937"
}

.icon_bell:before {
    content: "\e938"
}

.icon_user-half:before {
    content: "\e93e"
}

.icon_quiz:before {
    content: "\e93f"
}

.icon_banknote-alt:before {
    content: "\e943"
}

.icon_bars-lite:before {
    content: "\e944"
}

.icon_rouble:before {
    content: "\e947"
}

.icon_send:before {
    content: "\e94b"
}

.icon_pushpin:before {
    content: "\e94c"
}

.icon_exclamation-triangle-bold:before {
    content: "\e94e"
}

.icon_smile:before {
    content: "\e94f"
}

.icon_steam:before {
    content: "\e952"
}

.icon_support:before {
    content: "\e954"
}

.icon_telegram:before {
    content: "\e955"
}

.icon_gift:before {
    content: "\e958"
}

.icon_medal-star:before {
    content: "\e95c"
}

.icon_speech-bubble-question:before {
    content: "\e961"
}

.icon_trophy-bold:before {
    content: "\e962"
}

.icon_wallet:before {
    content: "\e963"
}

.icon_youtube:before {
    content: "\e966"
}

.icon_speech-bubbles-bold:before {
    content: "\e967"
}

.icon_wheel:before {
    content: "\e968"
}

.icon_crash:before {
    content: "\e969"
}

.icon_jackpot:before {
    content: "\e96a"
}

.icon_palette:before {
    content: "\e96b"
}

.icon_file-gif:before {
    content: "\e96c"
}

.icon_random:before {
    content: "\e974"
}

.icon_shield:before {
    content: "\e976"
}

.icon_clock:before {
    content: "\e977"
}

.icon_trophy:before {
    content: "\e978"
}

.icon_volume:before {
    content: "\e979"
}

.icon_volume-mute:before {
    content: "\e97a"
}

.icon_lock-bold:before {
    content: "\e97b"
}

.icon_emoji-sad:before {
    content: "\e97e"
}

.icon_emoji-sleep:before {
    content: "\e97f"
}

.icon_peper-clip:before {
    content: "\e981"
}

.icon_wallet-bold:before {
    content: "\e984"
}

.icon_ticket-bold:before {
    content: "\e985"
}

.icon_copy-bold:before {
    content: "\e986"
}

.icon_parthership-bold:before {
    content: "\e987"
}

.icon_exchange-growing:before {
    content: "\e988"
}

.icon_cog-bold:before {
    content: "\e989"
}

.icon_money-bold:before {
    content: "\e98b"
}

.icon_pistol-bold:before {
    content: "\e98c"
}

.icon_users-bold:before {
    content: "\e98d"
}

.icon_shield-bold:before {
    content: "\e98e"
}

.icon_eye-bold:before {
    content: "\e98f"
}

.icon_crypto:before {
    content: "\e996"
}

.icon_lock-bold-2:before {
    content: "\e998"
}

.icon_check-bold:before {
    content: "\e99a"
}

.icon_view:before {
    content: "\e99c"
}

.icon_torn-paper-alt:before {
    content: "\e99f"
}

.icon_refresh-lite-alt:before {
    content: "\e9a0"
}

.icon_loader:before {
    content: "\e9a1"
}

.icon_question-tooltip:before {
    content: "\e9a2"
}

.icon_download-2:before {
    content: "\e9a3"
}

.icon_exclamation-circle-bold:before {
    content: "\e9a4"
}

.icon_broom:before {
    content: "\e9a5"
}

.icon_dollar-bold:before {
    content: "\e9a6"
}

.icon_gear-bold:before {
    content: "\e9a7"
}

.icon_play-bold:before {
    content: "\e9a9"
}

.icon_plus-bold:before {
    content: "\e9aa"
}

.icon_chart-up-square-bold:before {
    content: "\e9ab"
}

.icon_chat-alt:before {
    content: "\e9ac"
}

.icon_division-mark:before {
    content: "\e9ad"
}

.icon_import:before {
    content: "\e9ae"
}

.icon_minus-mark:before {
    content: "\e9af"
}

.icon_multiply-mark:before {
    content: "\e9b0"
}

.icon_plus-mark:before {
    content: "\e9b1"
}

.icon_refresh-alt:before {
    content: "\e9b2"
}

.icon_stop:before {
    content: "\e9b3"
}

.icon_play:before {
    content: "\e9b4"
}

.icon_pause:before {
    content: "\e9b5"
}

.icon_code-bold:before {
    content: "\e9b6"
}

.icon_copy-bold-alt:before {
    content: "\e9b7"
}

.icon_grid-th-2:before {
    content: "\e9be"
}

.icon_history-alt:before {
    content: "\e9b8"
}

.icon_basket:before {
    content: "\e9b9"
}

.icon_eye-bold-3:before {
    content: "\e9c1"
}

.icon_bell-alt:before {
    content: "\e9bb"
}

.icon_support-alt:before {
    content: "\e9bc"
}

.icon_scales:before {
    content: "\e9c7"
}

.icon_double:before {
    content: "\e9c9"
}

.icon_play-hexagon:before {
    content: "\e9ca"
}

.icon_arrow-triangle:before {
    content: "\e9cb"
}

.icon_payment-bonus:before {
    content: "\e9c4"
}

.icon_info-instruction:before {
    content: "\e9c8"
}

.icon_chat-bold-alt:before {
    content: "\e9ce"
}

.icon_check-alt:before {
    content: "\e9d1"
}

.icon_icon-pig:before {
    content: "\e9d3"
}

.icon_facebook-auth:before {
    content: "\e9d7"
}

.icon_discord-auth:before {
    content: "\e9d8"
}

.icon_tg-auth:before {
    content: "\e9dd"
}

.icon_vk-auth:before {
    content: "\e9de"
}

.icon_retro-bug:before {
    content: "\e9db"
}

.icon_circle-arrow-right:before {
    content: "\e9dc"
}

.icon_arrow-triangle-alt:before {
    content: "\e9d9"
}

.icon_arrow-down-rounded:before {
    content: "\e9da"
}

.icon_vk-solid:before {
    content: "\e9e0"
}

.icon_level-up:before {
    content: "\e9e1"
}

.icon_arrow-right-alt:before {
    content: "\e9e3"
}

.icon_mine-alt:before {
    content: "\e9e9"
}

.icon_file-list-alt:before {
    content: "\e9ea"
}

.icon_star-alt:before {
    content: "\e9e8"
}

.icon_lighting:before {
    content: "\e9e5"
}

.icon_defuse-bomb:before {
    content: "\e9e6"
}

.icon_key:before {
    content: "\e9e7"
}

.icon_yandex-auth:before {
    content: "\e9eb"
}

.icon_trade-link:before {
    content: "\e9ec"
}

.icon_lock-solid:before {
    content: "\e9ed"
}

.icon_bell-solid:before {
    content: "\e9ef"
}

.icon_balls-solid:before {
    content: "\e9f0"
}

.icon_joystick:before {
    content: "\e9f1"
}

.icon_user-bold-2:before {
    content: "\e9f2"
}

.icon_cube-alt:before {
    content: "\e9f3"
}

.icon_cart-alt:before {
    content: "\e9f4"
}

.icon_minus:before {
    content: "\e9f5"
}

.icon_equals:before {
    content: "\e9f6"
}

.icon_filter:before {
    content: "\e9f7"
}

.icon_twitter:before {
    content: "\e9fa"
}

.icon_chart:before {
    content: "\e9fb"
}

.icon_user-plus-bold-2:before {
    content: "\e9fc"
}

.icon_dollar-exchange:before {
    content: "\e9fd"
}

.icon_link:before {
    content: "\e9fe"
}

.icon_tag:before {
    content: "\e9ff"
}

.icon_crash-arrow-up:before {
    content: "\ea00"
}

.icon_pistol-bold-alt:before {
    content: "\ea01"
}

.icon_arrow-up-rounded:before {
    content: "\ea02"
}

.icon_a-money-bold:before {
    content: "\ea03"
}

.icon_user-plus-rounded:before {
    content: "\ea04"
}

.icon_calendar-2:before {
    content: "\ea05"
}

.icon_crown-bold:before {
    content: "\ea06"
}

.icon_checked-circle-bold:before {
    content: "\ea07"
}

.icon_craft:before {
    content: "\ea08"
}

.icon_chevron-left-alt:before {
    content: "\ea09"
}

.icon_chevron-right-alt:before {
    content: "\ea0a"
}

.icon_map:before {
    content: "\ea0b"
}

.icon_battle:before {
    content: "\e995"
}

.icon_shield-cross:before {
    content: "\ea12"
}

.icon_mine:before {
    content: "\e9c0"
}

.icon_refresh-double:before {
    content: "\ea10"
}

.icon_all:before {
    content: "\ea11"
}

.icon_share:before {
    content: "\ea0e"
}

.icon_three-lines:before {
    content: "\e9df"
}

.icon_clock-bold:before {
    content: "\e992"
}

.icon_stat-up:before {
    content: "\ea0d"
}

.icon_stat-down:before {
    content: "\ea0c"
}

.icon_instagram:before {
    content: "\e921"
}

.icon_online:before {
    content: "\ea1e"
}

.icon_coin-f:before {
    content: "\ea1b"
}

.icon_coin-c:before {
    content: "\ea1c"
}

.icon_coin-c-inverted:before {
    content: "\ea1d"
}

.icon_circle-right-arrow-bold-alt:before {
    content: "\ea1a"
}

.icon_double-check:before {
    content: "\ea16"
}

.icon_twitch:before {
    content: "\ea19"
}

.icon_review:before {
    content: "\ea18"
}

.icon_play-circle:before {
    content: "\ea17"
}

.icon_trophy-star:before {
    content: "\e91c"
}

.icon_horseshoe:before {
    content: "\e92b"
}

.icon_heart:before {
    content: "\ea13"
}

.icon_cards:before {
    content: "\ea15"
}

.icon_xs {
    font-size: 1rem
}

.icon_sm {
    font-size: 1.4rem
}

.icon_md {
    font-size: 1.8rem
}

.icon_lg {
    font-size: 2.2rem
}

.icon_xl {
    font-size: 2.6rem
}

.icon_rotating:before {
    display: inline-block;
    animation: rotating 1s infinite linear
}

/* end adding icons */


@media (min-width: 992px)  {
.sidebar_default {
    flex-flow: column nowrap!important;
    width: 110px!important;
    height: 100vh!important;
    padding: 25px 0!important;
} }

.sidebar_default, .sidebar_default .sidebar__toggle {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    align-items: center;
}
.sidebar_default {
    position: relative;
    justify-content: flex-start;
    width: 100%;
    height: 70px;
    padding: 0 25px;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #1b203e;
    z-index: 10;
}


@media (min-width: 992px) {
.sidebar_default .sidebar__logo {
    display: block!important;
} }

.sidebar_default .sidebar__logo {
    display: none;
}
.logo_lite {
    position: relative;
    display: inline-block;
}

.logo_lite .logo__link {
    display: block;
    width: 100%;
    height: 100%;
}

.logo__link, .logo__link:focus, .logo__link:hover {
    text-decoration: none;
    outline: none;
}


.logo_lite .logo__circle {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
	/*filter: drop-shadow(2px 4px 6px purple);*/
    float: left;
    background-image: url(/assets/images/logo/circle.svg);
    -webkit-animation-name: logo-circle;
    animation-name: logo-circle;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
}

.logo_agree .logo__arrow, .logo_agree .logo__circle, .logo_agree .logo__text_name, .logo_agree .logo__text_prefix, .logo_header .logo__arrow, .logo_header .logo__circle, .logo_header .logo__text_name, .logo_header .logo__text_prefix, .logo_lite .logo__arrow, .logo_lite .logo__circle {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.logo_lite .logo__arrow_big, .logo_lite .logo__arrow_small {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    transform-origin: -15px 15px;
    opacity: 0;
}

.logo_lite .logo__arrow_small {
    top: 17px;
    left: -4px;
    width: 39px;
    height: 40px;
    background-image: url(/assets/images/logo/arrow-logo-2.svg);
    -webkit-animation-name: logo-arrow-small;
    animation-name: logo-arrow-small;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 10;
}

.logo_lite .logo__arrow_last {
    top: 22px;
    left: -2px;
    width: 21px;
    height: 50px;
    background-image: url(/assets/images/logo/arrow-logo-3.svg);
    -webkit-animation-name: logo-arrow-last;
    animation-name: logo-arrow-last;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 10;
}

.logo_lite .logo__arrow {
    position: absolute;
    display: inline-block;
}

.logo_lite .logo__arrow_big {
    top: -1px;
    left: 4px;
    width: 42px;
    height: 42px;
    background-image: url(/assets/images/logo/arrow-logo-1.svg);
    -webkit-animation-name: logo-arrow-big;
    animation-name: logo-arrow-big;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 9;
}

.logo_lite .logo__arrow_big, .logo_lite .logo__arrow_small, .logo_lite .logo__arrow_last {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    transform-origin: -15px 15px;
    opacity: 0;
}

@media (min-width: 992px) {
.modes_sidebar {
    width: 100%;
    margin-top: 46px!important;
} }

.modes_sidebar {
    display: block;
}

@media (min-width: 992px) {
.modes_sidebar .mode__item:not(:last-child) {
    margin-bottom: 24px!important;
} }

.modes_sidebar .mode__item {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.modes_sidebar .mode__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: -4px;
    display: block;
    width: 4px;
    height: 100%;
    background-color: #313654;
    border-radius: 1rem;
    transform: translateX(0);
    transition: transform .2s ease-out 0s,background-color .2s ease-out 0s;
}


.modes_sidebar .mode__link {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #d6ddea;
    transition: color .2s ease-out 0s,background-color .2s ease-out 0s;
    cursor: pointer;
}

.link, .link:focus, .link:hover {
    outline: none;
    text-decoration: none;
}

.modes_sidebar .mode__item.mode__item_active .mode__icon {
    background: linear-gradient(180deg,#ffba7a,#ffba7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.modes_sidebar .mode__icon {
    font-size: 33px;
    margin-bottom: 4px;
    background: linear-gradient(0deg,#8399cf,#3a4566);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background .2s ease-out 0s;
}

.sidebar__modes .mode__link.active .mode__icon {
    background: linear-gradient(180deg,#FFBA7A 0%,#FFBA7A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sidebar__modes .mode__link.active .mode__text {
    color: #fff;
}

.sidebar__modes .mode__link.active .mode__bank {
    color: #ff9b78;
}


.modes_sidebar .mode__item.mode__item_active .mode__text {
    color: #fff;
}

.modes_sidebar .mode__text {
    color: #a8b2d5;
    font-size: 13px;
    font-family: 'DIN Pro';
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    transition: color .2s ease-out 0s;
}

.modes_sidebar .mode__item.mode__item_active .mode__label {
    color: #84aeff;
}

.modes_sidebar .mode__item_crash .mode__label {
    color: #7599f5;
}
.modes_sidebar .mode__label {
    display: block;
    color: rgba(114,134,241,.7);
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
    text-transform: uppercase;
    text-align: center;
}
.symbol_eur, .symbol_rub, .symbol_usd {
    white-space: nowrap;
}

.symbol_usd:not(.symbol_reverse):before {
    content: "$";
}

@media (min-width: 992px) {
.modes_sidebar .mode__item:not(:last-child) {
    margin-bottom: 24px!important;
} }

.icon_fire:before {
    content: "";
}

.modes_sidebar .mode__item_wheel .mode__icon {
    font-size: 37px;
}


.sidebar_default .sidebar__toggle .sidebar__icon:before {
    content: "";
}


@media (min-width: 992px) {
.sidebar_default .sidebar__chat, .sidebar_default .sidebar__toggle {
    display: none!important;
} }

.sidebar_default .sidebar__toggle {
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #515d81;
    background-color: #1e2444;
    border-radius: 2rem;
    border: none;
    outline: none;
    font-size: 18px;
    margin-left: auto;
    margin-right: 0px;
    transition: color .2s ease-out 0s,background-color .2s ease-out 0s;
}
.sidebar_default, .sidebar_default .sidebar__toggle {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    align-items: center;
}

.sidebar_default .sidebar__toggle .sidebar__icon {
    position: relative;
    color: inherit;
    font-family: icomoon!important;
    speak: never;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
.sidebar_default .sidebar__chat, .sidebar_default .sidebar__toggle {
    display: none!important;
} }

.sidebar_default .sidebar__chat, .sidebar_default .sidebar__content {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    align-items: center;
}
.sidebar_default .sidebar__chat {
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
	display: none;
    background-color: #485fbf;
    border-radius: 2rem;
    border: none;
    outline: none;
    font-size: 18px;
}

@media (min-width: 992px) {
.sidebar_default .sidebar__content {
    flex-flow: column nowrap!important;
} }

.sidebar_default .sidebar__content {
    justify-content: flex-start;
    margin-top: auto;
}

@media (min-width: 992px) {
.sidebar_default .sidebar__language, .sidebar_default .sidebar__social {
    margin-bottom: 25px!important;
} }

.social {
    position: relative;
}

@media (min-width: 992px) {
.social_sidebar .social__wrapper {
    flex-flow: column nowrap!important;
} }

.social_sidebar .social__wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

@media (min-width: 992px) {
.social_sidebar .social__item:not(:last-child) {
    margin-bottom: 15px!important;
} }

.social_sidebar .social__item {
    display: block;
}

.social_sidebar .social__link {
    display: block;
    color: #55648d;
    font-size: 20px;
    text-decoration: none;
    outline: none;
    transition: color .2s ease-out 0s;
}

.social_sidebar .social__link .icon_vk {
    font-size: 20px;
}

.icon_vk:before {
    content: "";
}

.social_sidebar .social__link .icon_telegram {
    font-size: 17px;
}

.icon_telegram:before {
    content: "";
}

.social_sidebar .social__link .icon_discord {
    font-size: 15px;
}

.icon_discord:before {
    content: "";
}

@media (min-width: 992px) {
.sidebar_default .sidebar__language, .sidebar_default .sidebar__social {
    margin-bottom: 25px;
} }

.language_sidebar {
    position: relative;
    display: flex;
    flex-flow: column-reverse nowrap;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    background-color: #272d54;
    border-radius: 2rem;
    cursor: pointer;
    transition: background-color .2s ease-out 0s;
}
.language {
    position: relative;
}

.language_sidebar .language__head {
    display: block;
    width: 42px;
    height: 42px;
    padding: 12px;
}

.language_sidebar .language__flag {
    opacity: 1;
    transition: opacity .2s ease-out 0s;
}

.flag_en {
    background-image: url(/assets/images/language/en.svg);
}
.flag {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-clip: border-box;
}

.language_sidebar .language__main {
    position: absolute;
    left: 0;
    bottom: 30px;
    display: block;
    width: 100%;
    height: auto;
    padding: 12px;
    background-color: #262e51;
    border-radius: 2rem 2rem 0 0;
    opacity: 1;
    visibility: hidden;
    transform: translateY(4px);
    transition: background-color .2s ease-out 0s,opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s;
}

.language_sidebar .language__item:not(:last-child) {
    margin-bottom: 10px;
}

.language_sidebar .language__item {
    opacity: 1;
    transition: opacity .2s ease-out 0s;
}

.flag_ru {
    background-image: url(/assets/images/language/ru.svg);
}

@media (min-width: 992px) {
.sidebar_default .sidebar__volume {
    margin-bottom: 20px!important;
} }

.sidebar_default .sidebar__volume {
    display: block;
}
.volume_header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
}
.volume {
    cursor: pointer;
}

.volume_on .volume_icon {
    color: #6f7ca5;
    font-size: 17px;
}

.volume_icon {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    transition: color .2s ease-out 0s;
}

.volume_on .volume_icon:before {
    content: "";
}

.volume_off .volume_icon:before {
    content: "";
}

.sidebar_default .sidebar__settings {
    color: #757982;
    font-size: 20px;
    cursor: pointer;
    transition: color .2s ease-out 0s;
}

.sidebar_default .sidebar__settings:hover {
    color: #d7d7d7;
    transition: color .2s ease-out 0s;
}



.icon_settings:before {
    content: "";
}

.logo_lite .logo__arrow_big, .logo_lite .logo__arrow_small {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    transform-origin: -15px 15px;
    opacity: 1;
}

.logo_lite .logo__arrow {
    position: absolute;
    display: inline-block;
}
.logo_agree .logo__arrow, .logo_agree .logo__circle, .logo_agree .logo__text_name, .logo_agree .logo__text_prefix, .logo_header .logo__arrow, .logo_header .logo__circle, .logo_header .logo__text_name, .logo_header .logo__text_prefix, .logo_lite .logo__arrow, .logo_lite .logo__circle {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (min-width: 992px) {

.sidebar_default .sidebar__logo {
    display: block!important;
} }


.volume_off .volume_icon {
    color: #57638a;
    font-size: 17px;
    left: -1.9px;
}

.social_sidebar .social__link:hover {
    color: #8096cb;
}


/*  END SIDEBAR BY HERKI */

/* MOBILE SIDE BAR START */

@media (max-width: 991px) {
.sidebar_default {
    left: 0;
	/*display: none;*/
    bottom: 0;
} }

@media (max-width: 428px) {
.sidebar_default .sidebar__logo {
    display: block;
    /* height: 20px; */
    /* width: 20px; */
    /* background-size: 40px; */
    position: fixed;
    left: 15px;
    top: 18px;
} }

@media (max-width: 428px) {
.primary-content {
    padding-top: 0;
    padding-bottom: 0;
	padding:0;
} }


@media screen and (max-width: 428px) {
.logo_lite .logo__circle {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    float: left;
    background-image: url(/assets/images/logo/circle.svg);
    -webkit-animation-name: logo-circle;
    animation-name: logo-circle;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
} } 

@media screen and (max-width: 428px) {
.header-user__name {
    font-size: 13px;
    display: block;
    margin-left: 0px;
    color: #fff;
    white-space: nowrap;
    font-weight: 200;
    overflow: hidden;
    max-width: 100px;
    text-overflow: ellipsis;
} } 

@media screen and (max-width: 428px) {
.header-user__balance {
   color: #ff9b78;
} } 




@media screen and (max-width: 428px) {
.logo_lite .logo__arrow_small {
    top: 16px;
    left: -2px;
    width: 33px;
    height: 31px;
    background-image: url(/assets/images/logo/arrow-logo-2.svg);
    -webkit-animation-name: logo-arrow-small;
    animation-name: logo-arrow-small;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 10;
} }

@media screen and (max-width: 428px) {
.logo_lite .logo__arrow_big {
    top: 0px;
    left: 4px;
    width: 36px;
    height: 36px;
    background-image: url(/assets/images/logo/arrow-logo-1.svg);
    -webkit-animation-name: logo-arrow-big;
    animation-name: logo-arrow-big;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 9;
} }

@media screen and (max-width: 428px) {
.logo_lite .logo__arrow_last {
    top: 27px;
    left: 0px;
    width: 18px;
    height: 25px;
    background-image: url(/assets/images/logo/arrow-logo-3.svg);
    -webkit-animation-name: logo-arrow-last;
    animation-name: logo-arrow-last;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 10;
} }


/*NEW MOBILE 430 PX */

@media (max-width: 430px) {
.sidebar_default .sidebar__logo {
    display: block;
    /* height: 20px; */
    /* width: 20px; */
    /* background-size: 40px; */
    position: fixed;
    left: 15px;
    top: 18px;
} }

@media (max-width: 430px) {
.primary-content {
    padding-top: 0;
    padding-bottom: 0;
	padding:0;
} }


@media screen and (max-width: 430px) {
.logo_lite .logo__circle {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    float: left;
    background-image: url(/assets/images/logo/circle.svg);
    -webkit-animation-name: logo-circle;
    animation-name: logo-circle;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
} } 

@media screen and (max-width: 430px) {
.header-user__name {
    font-size: 13px;
    display: block;
    margin-left: 0px;
    color: #fff;
    white-space: nowrap;
    font-weight: 200;
    overflow: hidden;
    max-width: 100px;
    text-overflow: ellipsis;
} } 

@media screen and (max-width: 430px) {
.header-user__balance {
   color: #ff9b78;
} } 




@media screen and (max-width: 430px) {
.logo_lite .logo__arrow_small {
    top: 16px;
    left: -2px;
    width: 33px;
    height: 31px;
    background-image: url(/assets/images/logo/arrow-logo-2.svg);
    -webkit-animation-name: logo-arrow-small;
    animation-name: logo-arrow-small;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 10;
} }

@media screen and (max-width: 430px) {
.logo_lite .logo__arrow_big {
    top: 0px;
    left: 4px;
    width: 36px;
    height: 36px;
    background-image: url(/assets/images/logo/arrow-logo-1.svg);
    -webkit-animation-name: logo-arrow-big;
    animation-name: logo-arrow-big;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 9;
} }

@media screen and (max-width: 430px) {
.logo_lite .logo__arrow_last {
    top: 27px;
    left: 0px;
    width: 18px;
    height: 25px;
    background-image: url(/assets/images/logo/arrow-logo-3.svg);
    -webkit-animation-name: logo-arrow-last;
    animation-name: logo-arrow-last;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 10;
} }

/*END NEW MOBILE 430 PX */




@media (max-width: 991px) {
.modes_sidebar {
    display: flex;
	margin-top: 10px;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-left: -10px;
	display: none; 
} }

@media (max-width: 991px) {
.modes_sidebar .mode__item:not(:last-child) {
    margin-right: 5px;
} }

@media (max-width: 991px) {
.modes_sidebar .mode__link {
   display: block!important;
    width: 60px!important;
    padding: 15px;
    /* top: 0px; */
    margin-bottom: 10px;
    /* padding-top: 2px!important; */
    /* margin-bottom: 10px!important; */
    height: 60px;
    text-align: center!important;
} }


@media (max-width: 991px) {
.modes_sidebar .mode__text {
    display: none!important;
} }

@media (max-width: 991px) {
.modes_sidebar .mode__label {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    z-index: 3;
} 
}

/*remove later*/
/* mobile view new */

@media (max-width: 428px) {
.sidebar__content {
 display: none!important;
} }


@media (max-width: 428px) {
.modes_sidebar .mode__item:before {
    display: none!important;
} }

@media (max-width: 428px) {
.mode__label {
display: none!important;
} }

@media (max-width: 428px) {
.mode__text {
display: none!important;
} }

@media (max-width: 428px) {
.modes_sidebar .mode__link {
	border: 0!important;
} }

@media (max-width: 428px) {
.sidebar_default {background-color: transparent;} }

/*NEW*/

@media (max-width: 430px) {
.sidebar__content {
 display: none!important;
} }


@media (max-width: 430px) {
.modes_sidebar .mode__item:before {
    display: none!important;
} }

@media (max-width: 430px) {
.mode__label {
display: none!important;
} }

@media (max-width: 430px) {
.mode__text {
display: none!important;
} }

@media (max-width: 430px) {
.modes_sidebar .mode__link {
	border: 0!important;
} }

@media (max-width: 430px) {
.sidebar_default {background-color: transparent;} }



.sidebar_default {
    position: relative;
    color: inherit;
    font-family: icomoon!important;
    speak: never;
    font-size: inherit;
	text-align: center;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.sidebar__toggle {
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #757785;
    background-color: #1c1d24;
    border-radius: 2rem;
    border: none;
    padding: 5px;
    padding-top: 9px;
    outline: none;
    font-size: 18px;
    margin-left: auto;
    margin-right: 0px;
    transition: color .2s ease-out 0s,background-color .2s ease-out 0s;
}

.sidebar__icon {
    position: relative;
    color: inherit;
    font-family: icomoon!important;
    speak: never;
    font-size: inherit;
	white-space: nowrap;
	text-align: center;
	display: inline-flex;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 428px) {
    .wheel-game .wheel-game__head {
        flex-flow: column!important;
        height: 90px!important;
		margin-top: 14px!important;
    } } 
	
	@media (max-width: 430px) {
    .wheel-game .wheel-game__head {
        flex-flow: column!important;
        height: 90px!important;
		margin-top: 14px!important;
    } } 
	
	@media (max-width: 599px) {
    .wheel-game .wheel-game__head .wheel-info {
        padding-right: 10px!important;
    } } 
	
	@media (max-width: 599px) {
    .wheel-game .wheel-game__head .wheel-info {
       padding-right: 10px!important;
    } } 

    @media (max-width: 599px) {
    .wheel-game .wheel-game__head .wheel-info .wheel-info__bank {
       font-size: 16px!important;
       line-height: 18px!important;
    } } 

    @media (max-width: 599px) {
    .wheel-game .wheel-game__head .wheel-info .wheel-info__subtitle {
       font-size: 10px!important;
    } } 

    @media (max-width: 1199px) {
    .wheel-game .wheel-game__head .wheel-info .button .button__text {
       display: none!important;
    } } 

    @media (max-width: 1199px) {
    .wheel-game .wheel-game__head .wheel-info .button .icon {
       margin: 0!important;
       font-size: 16px!important;
    } } 

    @media (max-width: 1199px) {
    .wheel-game .wheel-game__head .colors-stats {
        padding: 0 15px!important;
    } } 

    @media (max-width: 1199px) {
    .wheel-game .wheel-game__head .colors-stats .colors-stats__title {
        margin-right: 10px!important;
        font-size: 13px!important;
        line-height: 16px!important;
    } } 

    @media (max-width: 599px) {
    .wheel-game .wheel-game__head .colors-stats .colors-stats__color {
        width: 34px!important;
        height: 26px!important;
        font-size: 12px!important;
        line-height: 14px!important;
    } } 
	
	@media (max-width: 1199px) {
    .wheel-game .wheel-game__head .wheel-info .button {
       height: 30px!important;
    } }
	
	@media (max-width: 599px) {
    .wheel-game .wheel-game__head .wheel-info .wheel-info__icon {
       font-size: 26px!important;
    } }



@media (min-width: 768px) {
.conditions_default .conditions__label {
    font-size: 14px!important;
    line-height: 16px!important;
} }
	
@media (min-width: 768px) {
.promocode_block .promocode__title {
    font-size: 23px!important;
    line-height: 28px!important;
} }	 

@media (min-width: 960px) {
.promocode_block {
    flex-flow: column nowrap!important;
} }

@media (min-width: 768px) {
.promocode_block {
    padding: 30px!important;
} }

@media (min-width: 960px) {
.bonuses_page .bonuses__aside {
    width: 46%!important;
    padding-right: 25px!important;
} }

@media (min-width: 960px) {
.bonuses_page {
    /* flex-flow: row nowrap !important; */
    height: calc(100vh - 90px) !important;
    /* padding-right: 10px !important; */
    /* margin-right: -10px !important; */
    /* transform: translateZ(0) !important; */
    /* -webkit-transform: translateZ(0) !important; */
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    /* scrollbar-color: #15161c #262934 !important; */
    scrollbar-width: 2px !important;
} }

@media (min-width: 960px) {
.promocode_block .promocode__top {
    width: 100%!important;
} }

@media (min-width: 768px) {
.promocode_block .promocode__subtitle {
    font-size: 15px!important;
    line-height: 18px!important;
} }

@media (min-width: 768px) {
.promocode_block .promocode__main {
    margin-top: 25px!important;
} }

@media (min-width: 768px) {
.promocode_block .promocode__control {
    height: 73px!important;
    padding: 0 145px 0 25px!important;
    font-size: 18px!important;
    line-height: 71px!important;
} }

@media (min-width: 768px) {
.promocode_block .promocode__button {
    top: 12px!important;
    right: 12px!important;
} }

@media (min-width: 768px) {
.promocode_block .promocode__button .button {
    height: 49px!important;
    border-radius: 1rem!important;
    font-size: 12px!important;
} }

@media (min-width: 768px) {
.conditions_default .conditions__label {
    font-size: 14px!important;
    line-height: 16px!important;
} }

@media (max-width: 599px) {
       .jackpot-spinner .jackpot-spinner__ticket, .jackpot-spinner .jackpot-spinner__information {
            flex-flow: column nowrap!important;
            justify-content: center!important;
} }



/* welcome page-index2 */

@media (min-width: 992px) {
.container {
    position: relative;
    z-index: 5;
    padding: 0 10rem;
    flex-direction: row;
    padding-bottom: 0;
    min-height: calc(100vh - 10.4rem);
} }

@media (min-width: 992px) {
.mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas) .mode-card__img {
    filter: none!important;
    transform: scale(1.1);
} }

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

@media (min-width: 992px) {
.mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas) .mode-card__title .icon {
    filter: none!important;
} }

/*@media (min-width: 992px) {
.mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas) {
    --gradient-main-card-start: #2efcff78;
    --gradient-main-card-end: #132027;
	box-shadow: rgb(95 235 192 / 10%) 0px 10px 20px, rgb(69 134 133 / 10%) 0px 10px 20px, rgb(95 235 192) 0px -2px 4px inset, rgb(95 235 192 / 60%) 0px -8px 8px inset;
} } */

@media (min-width: 992px) {
.mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas) {
    --gradient-main-card-start: #5dd6f6a1;
    --gradient-main-card-end: #2e3651bd;
    box-shadow: rgb(93 214 246 / 10%) 0px 10px 20px, rgb(69 134 133 / 10%) 0px 10px 20px, rgb(93 214 246) 0px -2px 4px inset, rgb(93 214 246 / 60%) 0px -8px 8px inset;
} }


@media (min-width: 991px) {
.main-page .bonus-card:hover {
    --gradient-main-bonus-start: rgba(38, 49, 91, .1);
    --gradient-main-bonus-end: rgba(50, 63, 109, .1);
} }

@media (min-width: 991px) {
.main-page .bonus-card:hover .bonus-card__img {
    transform: scale(.9);
} }

@media (min-width: 992px) {
.main-page .main__bonus-deposit:hover .bonus-deposit__away {
    width: 12.5rem;
    background-color: #f3b5b2;
} }

@media (min-width: 992px) {
.mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas) .mode-card__pig-bg {
    top: 8rem;
    right: 10.4rem;
    height: 8.9rem;
    width: 15rem;
} }

@media (min-width: 991px) {
.main-page .bonus-card:hover {
    --gradient-main-bonus-start: rgba(38, 49, 91, .1);
    --gradient-main-bonus-end: rgba(50, 63, 109, .1);
} }

.main-page .bonus-card {
    --gradient-main-bonus-start: rgba(38, 49, 91, .35);
    --gradient-main-bonus-end: rgba(50, 63, 109, .35);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 2.3rem;
    width: 100%;
    background-image: linear-gradient(117.48deg,var(--gradient-main-bonus-start),var(--gradient-main-bonus-end) 78.11%);
    border: 0.1rem solid rgba(77,91,143,.2);
    border-radius: 1.4rem;
    height: 8.4rem;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    transition: --gradient-main-bonus-start .2s ease-out 0s,--gradient-main-bonus-end .2s ease-out 0s;
}
 
@media (min-width: 991px) {
.main-page .bonus-card:hover .bonus-card__title .icon {
    opacity: 1;
    transform: translate(0);
} }
 
@media (min-width: 992px) {
.main-banner .swiper .swiper-pagination {
    position: absolute;
    top: 2.2rem;
    left: 1.3rem;
    z-index: 2;
    width: 10rem;
} }

@media (max-width: 767px) {
.notifications-toggler {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1.8rem;
} }

@media (max-width: 767px) {
.header__support, .header__settings {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1.8rem;
} }

@media (max-width: 767px) {
.header__profile {
    display: inline-flex;
    align-items: center;
    float: right;
    margin-left: auto;
} }

@media (max-width: 767px) {
.button_login {
    height: 3.7rem;
} }

@media (max-width: 767px) {
.wheel-game .wheel-game__head {
    border-radius: 1rem!important;
} }

@media only screen and (max-width: 767px) {
body {
    --main-header-height: 68px;
} }



@media (max-width: 768px) {
.footer {
    margin-top: 2.6rem;
} }

@media (max-width: 991px) {
.footer {
    padding: 0 1.5rem;
    margin-bottom: 3rem;
    margin-top: 3.6rem;
} }

@media (max-width: 768px) {
.footer .footer__logo-wrap {
    width: 3.6rem;
    height: 3.2rem;
    margin-right: 0.9rem;
    overflow: hidden;
} }

@media (max-width: 768px) {
.footer .footer__logo {
    width: 16.3rem;
    height: 3.3rem;
    margin-left: 0.3rem;
} }

@media (max-width: 768px) {
.footer .footer__date {
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin-right: 1.2rem;
    width: 60%;
} }

@media (max-width: 768px) {
.languages[_ngcontent-serverApp-c122] .languages__current[_ngcontent-serverApp-c122] {
    display: block;
    width: auto;
    height: auto;
    padding: 0.9rem;
} }

@media (max-width: 768px) {
.footer .footer__medias {
    column-gap: 0.8rem;
} }

@media (max-width: 768px) {
.footer .footer__medias .medias__link .icon {
    font-size: 2.1rem;
} }

@media (max-width: 768px) {
.footer .footer__danger {
    margin-top: 1.3rem;
    border-radius: 1.4rem;
    padding: 0.9rem 1.4rem 0.9rem;
    column-gap: 0;
} }

@media (max-width: 768px) {
.footer .footer__info {
    flex-direction: column;
    line-height: 1.1rem;
} }

@media (max-width: 768px) {
.footer .attention-wrap {
    display: flex;
} }

@media (max-width: 768px) {
.footer .footer__danger .footer__attention {
    align-items: flex-start;
    column-gap: 0;
    width: 63%;
} }

@media (max-width: 768px) {
.footer .footer__danger .attention__img {
    width: 4rem;
    height: 4rem;
    margin-left: 2.2rem;
} }

@media (max-width: 768px) {
.footer .footer__danger .attention__title {
    font-size: 1rem;
    margin: 0.8rem 0 0 1.4rem;
    line-height: 1.2rem;
} }

@media (max-width: 768px) {
.footer .link_trust-pilot-mobile {
    display: block;
} }

@media (max-width: 768px) {
.footer .footer__danger .footer__trust {
    width: 7.6rem;
    margin-top: -1.4rem;
} }

@media (max-width: 768px) {
.footer .footer__danger .footer__address {
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.5rem;
} }

@media (max-width: 768px) {
.footer .link_trust-pilot {
    display: none;
} }

@media (max-width: 768px) {
.footer .footer__danger .footer__trust {
    width: 7.6rem;
    margin-top: -1.4rem;
} }

@media (max-width: 768px) {
.footer .footer__nav {
    margin-top: 1.2rem;
    gap: 1rem 1.4rem;
    flex-wrap: wrap;
} }

@media (max-width: 768px) {
.footer .footer__nav .footer__nav-item {
    font-size: 1.2rem;
} }

@media (max-width: 768px) {
.footer .footer__medias .medias__title {
    display: none;
} }

@media (max-width: 768px) {
.sidebar__logo {
    margin-left: 1rem!important;
	margin-top: 1rem!important;
	margin-right: 0rem!important;
} }


.sidebar__logo {
    margin-top: -6px;
} 

/*mob index page */

@media (max-width: 991px) {
.main-page {
    padding: 0 1rem!important;
} }

@media (max-width: 768px) {
.main-page .main__head {
    flex-direction: column!important;
    gap: 0.7rem!important;
    margin-top: 0!important;
} }

@media (max-width: 768px) {
.main-banner {
    max-width: 100%!important;
    height: 13.1rem!important;
} }

@media (max-width: 768px) {
.main-banner .swiper {
    border-radius: 1.4rem!important;
} }

@media (max-width: 991px) {
.main-banner .swiper .swiper-pagination {
    position: absolute!important;
    bottom: 1rem!important;
    right: 1rem!important;
    z-index: 2!important;
} }

@media (max-width: 768px) {
.slide__content {
    padding: 1.6rem 0 1.6rem 1.6rem!important;
} }

@media (max-width: 768px) {
.slide__title {
    font-size: 1.4rem!important;
    line-height: 1.5rem!important;
    width: 38%!important;
} }

@media (max-width: 768px) {
.slide__subtitle {
    font-size: 1.1rem!important;
    line-height: 1.4rem!important;
    margin-top: 0.8rem!important;
} }

@media (max-width: 768px) {
.slide__button {
    width: 5.8rem!important;
    height: 2.8rem!important;
    border-radius: 1rem!important;
} }

@media (max-width: 768px) {
.main-page .main__bonus-deposit {
    display:none!important;
} }

@media (max-width: 768px) {
.colors-slider .swiper .swiper-wrapper {
    height: auto;
    width: 3.5rem;
    position: relative;
} }

@media (max-width: 768px) {
.promotion-links-container {
    display:block!important;
	margin-top: 1rem;
} }

@media (max-width: 768px) {
.main-page .bonus-deposit__title {
    font-size: 1.4rem!important;
    line-height: 1.6rem!important;
} }

@media (max-width: 768px) {
.main-page .bonus-deposit__btns {
    margin-top: 0.8rem!important;
} }

@media (max-width: 768px) {
.main-page .bonus-deposit__copy {
    width: 6.7rem!important;
    height: 2.8rem!important;
    margin-right: 0.6rem!important;
    font-size: 1.2rem!important;
} }

@media (max-width: 991px) {
.main-page .bonus-deposit__copy {
    height: 4.2rem!important;
    font-size: 15px!important;
    line-height: 18px!important;
} }

@media (max-width: 768px) {
.main-page .bonus-deposit__copy .icon {
    font-size: 1.4rem!important;
} }

@media (max-width: 768px) {
.main-page .bonus-deposit__away {
    width: 5.8rem!important;
    height: 2.8rem!important;
    border-radius: 1rem!important;
} }

@media (max-width: 768px) {
.main-page .bonus-deposit__away .icon {
    font-size: 2rem!important;
} }

@media (max-width: 768px) {
.main-page .bonus-deposit__img {
    right: -0.3rem!important;
    bottom: 0!important;
    top: 0.3rem!important;
    width: 13rem!important;
    height: 11.8rem!important;
} }

@media (max-width: 991px) {
.main-page .main__bonuses {
    margin-top: 0.8rem!important;
} }

@media (max-width: 768px) {
.main-page .bonus-card {
    padding: 1.2rem 0.8rem 1.2rem 1.4rem!important;
    height: 5.8rem!important;
    justify-content: start!important;
} }

@media (max-width: 768px) {
.main-page .main__live-drop-block  {
    display: block!important;
} }

@media (max-width: 991px) {
.main-page .bonus-card__title {
    position: relative!important;
    z-index: 1!important;
    font-size: 1.2rem!important;
} }

@media (max-width: 768px) {
.main-page .bonus-card__sub-title {
    font-size: 1.2rem!important;
    line-height: 1.2rem!important;
    width: 100%!important;
} }

@media (max-width: 991px) {
.main-page .main__modes-block {
    margin-top: 1.5rem!important;
} }

@media (max-width: 991px) {
    .main-page .main__modes-block:nth-of-type(2) {
        margin-top: 0.3rem !important;
    }
}

@media (max-width: 991px) {
.main-page .main__modes-block-soon {
    margin-top: 0.4rem!important;
} }

@media (max-width: 768px) {
.main-block .main__block-title {
    font-size: 1.2rem!important;
    margin: 0 0 1.1rem 1.7rem!important;
} }

@media (max-width: 768px) {
.main-block .main__block-title .icon {
    font-size: 2.1rem!important;
} }

@media (max-width: 768px) {
.main-page .modes-cards {
    gap: 0.8rem!important;
    margin-top: 0!important;
} }

@media (max-width: 768px) {
.main-page .modes-cards-soon {
    gap: 0.8rem!important;
    margin-top: 0!important;
} }

@media (max-width: 991px) {
.main-page .modes-cards {
    grid-template-columns: 1fr 1fr!important;
    grid-template-rows: auto!important;
    grid-template-areas:
        "battleship battleship"
        ". ."
        ". ."!important;
} }

@media (max-width: 991px) {
.main-page .modes-cards-soon {
    grid-template-columns: 1fr 1fr!important;
    grid-template-rows: auto!important;
    grid-template-areas:
        "battleship battleship"
        ". ."
        ". ."!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__logo {
    display: none!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship[data-v-5301fa14]:not(.mode-card_mini,.mode-card_toolbar):before {
    display: none!important;
} }

@media (max-width: 768px) {
.mode-card.mode-card_support:before {
    width: 14.2rem!important;
    height: 14.2rem!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_support:before {
    inset: -0.3rem!important;
} }

@media (max-width: 768px) {
.mode-card.mode-card_support:after {
    inset: 0!important;
    width: 9.2rem!important;
    height: 9.2rem!important;
} }

@media (max-width: 768px) {
.mode-card.mode-card_support .mode-card__img {
    width: 10rem!important;
    height: 7rem!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_support .mode-card__img {
    position: absolute!important;
    inset: 0!important;
} }

@media (max-width: 768px) {
.mode-card.mode-card_support .mode-card__title {
    letter-spacing: 0!important;
    line-height: 0!important;
} }

@media (max-width: 991px) {
.main-page .bonus-card__img {
    transform: scale(.7)!important;
    margin-right: -26px!important;
} }

@media (max-width: 768px) {
.mode-card .mode-card__new-badge {
    left: 1.5rem!important;
    font-size: .6rem!important;
    height: 1.2rem!important;
    width: 2.8rem!important;
	border-radius: 0 0 0.5rem 0.5rem!important;
} }

@media (max-width: 768px) {
.mode-card .mode-card__soon-badge {
    left: 1.5rem!important;
    font-size: .6rem!important;
    height: 1.2rem!important;
    width: 3.3rem!important;
	border-radius: 0 0 0.5rem 0.5rem!important;
} }

@media (max-width: 768px) {
.main-page .bonus-deposit__copy {
    width: 6.7rem!important;
    height: 2.8rem!important;
    margin-right: 0.6rem!important;
    font-size: 1.2rem!important;
} }

@media (max-width: 768px) {
.swiper-slide {
    width: 100%!important;
} }

@media (max-width: 768px)  {
.main-banner .nav {
    display:none!important;
} }

.mode-card.mode-card_support .mode-card__title {
    font-weight: 300!important;
    letter-spacing: .1rem;
    text-transform: none!important;
}

@media (max-width: 768px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) {
    height: 10.1rem!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) {
    width: 100%!important;
    min-height: auto!important;
    padding: 1.4rem 1.1rem 2rem 2rem!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__bg {
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    width: 100%!important;
    height: 100%!important;
    background-position-y: 50%!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__head {
    position: static!important;
    justify-content: flex-end!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__title-wrap {
    position: absolute!important;
    left: 2rem!important;
    bottom: 1.9rem!important;
    z-index: 2!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__title {
    position: relative!important;
    z-index: 2!important;
    font-size: 2rem!important;
    margin-bottom: 0.7rem!important;
} }

@media (max-width: 768px) {
.mode-card .mode-card__title {
    font-size: 1.3rem!important;
    margin-bottom: -0.3rem!important;
    line-height: 1.8rem!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__title .icon {
    margin-left: 0.7rem!important;
} }

@media (max-width: 768px) {
.mode-card .mode-card__title .icon {
    font-size: 1.5rem!important;
    margin-left: 0.55rem!important;
} }

@media (max-width: 991px) {
.mode-card .mode-card__badge {
    width: 3.7rem!important;
    height: 2rem!important;
    border-radius: 2.4rem!important;
    font-size: 1rem!important;
    font-weight: 500!important;
} }

@media (max-width: 768px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__gabe {
    top: 0;
    right: 3.2rem!important;
    width: 9.9rem!important;
    height: 100%!important;
} }

@media (max-width: 768px) {
.main-page .main__live-drop-block {
    margin-top: 1.4rem!important;
} }

@media (max-width: 768px) {
.main-block .main__block-title {
    font-size: 1.1rem!important;
    margin: 0 0 1.1rem 1.7rem!important;
} }

@media (max-width: 991px) {
.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__gabe {
    position: absolute!important;
    transform: scaleX(-1)!important;
} }

@media (max-width: 768px) {
.mode-card {
    height: 13rem!important;
    padding: 1.5rem 1.4rem!important;
    border-radius: 1.4rem!important;
} }

@media (max-width: 768px) {
.mode-card .mode-card__bank {
    line-height: 1.8rem !important;
    font-size: 1.1rem !important;
    align-items: center!important;
    display: inline-flex!important;
    position: relative!important;
} }

@media (max-width: 768px) {
.mode-card .mode-card__soon {
	font-size: 1rem!important;
	line-height: 1.6rem!important;
	font-weight: 500!important;
	
} }

@media (max-width: 768px) {
.mode-card .mode-card__pig-bg {
    right: 4.5rem!important;
    top: 4.5rem!important;
    height: 6rem!important;
    width: 6rem!important;
} }

@media (max-width: 768px) {
.mode-card.mode-card_defuse .mode-card__img {
    scale: 80%!important;
} }

@media (max-width: 768px) {
.mode-card.mode-card_wheel .mode-card__img {
        width: 17rem !important;
        height: 17rem !important;
        bottom: -7rem!important;
        right: -1rem !important;
        filter: none !important;
    } }

@media (max-width: 768px) {
.mode-card.mode-card_crash .mode-card__img {
        width: 20rem !important;
        height: 20rem !important;
        bottom: -8.7rem !important;
        right: -2.7rem !important;
        filter: none !important;
    } }
	
@media (max-width: 768px) {
.mode-card.mode-card_slots .mode-card__img {
        width: 18rem !important;
        height: 18rem !important;
        bottom: -8rem !important;
        right: -2rem !important;
        filter: none !important;
    } }

@media (max-width: 768px) {
.mode-card.mode-card_cases .mode-card__img {
        width: 18rem !important;
        height: 15rem !important;
        bottom: -4.8rem !important;
        right: -1rem !important;
        filter: none !important;
    } }

@media (max-width: 768px) {
.mode-card.mode-card_mines .mode-card__img {
    width: 13rem !important;
    height: 13rem !important;
    bottom: -3rem !important;
    right: -2.6rem !important;
    filter: none !important;
} }

@media (max-width: 768px) {
.mode-card.mode-card_coinflip .mode-card__img {
        width: 17rem !important;
        height: 14rem !important;
        bottom: -4rem !important;
        right: -1rem !important;
        filter: none !important;
    } }

@media (max-width: 768px) {
.mode-card.mode-card_jackpot .mode-card__img {
        width: 18rem !important;
        height: 18rem !important;
        bottom: -1rem !important;
        right: -3rem !important;
        filter: none !important;
    } }



@media (max-width: 768px) {
.mode-card .mode-card__players-number .icon {
    font-size: 1.3rem!important;
    margin-left: 0.4rem!important;
} }

@media (max-width: 768px) {
.mode-card .mode-card__players-number {
    font-size: 1.1rem!important;
} }

@media (max-width: 991px) {
.mode-card .mode-card__badge {
    width: 3.4rem!important;
    height: 1.6rem!important;
    border-radius: 2.4rem!important;
    font-size: 0.8rem!important;
    font-weight: 500!important;
} }




@media (max-width: 768px) {
.mode-card_crash:after {
    width: 30rem !important;
    top: -6rem !important;
    right: -8rem !important;
    opacity: 0.1 !important;
    /* filter: grayscale(1) blur(1px) !important; */
    height: 20rem !important;
} }

@media (max-width: 768px) {
.mode-card_cases:after {
    width: 20rem !important;
    top: -3rem !important;
    right: -4rem !important;
    opacity: 0.1 !important;
    /* filter: grayscale(1) blur(1px) !important; */
    height: 20rem !important;
} }

@media (max-width: 768px) {
.mode-card_jackpot:after {
    width: 40rem !important;
    top: -15rem !important;
    right: -10rem !important;
    opacity: 0.1 !important;
    /* filter: grayscale(1) blur(1px) !important; */
    height: 40rem !important;
} }

@media (max-width: 768px) {
.mode-card_wheel:after {
    width: 40rem !important;
    top: -10rem !important;
    right: -13rem !important;
    opacity: 0.1 !important;
    /* filter: grayscale(1) blur(1px) !important; */
    height: 40rem !important;
} }

@media (max-width: 768px) {
.mode-card_coinflip:after {
    width: 18rem !important;
    top: -1rem !important;
    right: 3rem !important;
    opacity: 0.1 !important;
    /* filter: grayscale(1) blur(1px) !important; */
    height: 20rem !important;
} }



@media (max-width: 768px) {
.mode-card_mines:after {
    width: 20rem !important;
    top: -2rem !important;
    right: -1rem !important;
    opacity: 0.1 !important;
    /* filter: grayscale(1) blur(1px) !important; */
    height: 20rem !important;
} }

@media (max-width: 768px) {
.mode-card_crash:before {
    background-size: 26.1rem 16.1rem,19.9rem,27.5rem!important;
	background-position: 13.5rem,2.5rem,100% 2.5rem!important;
} }

@media (max-width: 768px) {
.mode-card_cases:before {
    background-size: 26.1rem 16.1rem,19.9rem,27.5rem!important;
	background-position: 13.5rem,2.5rem,100% 2.5rem!important;
} }

@media (max-width: 768px) {
.mode-card_coinflip:before {
    background-size: 26.1rem 16.1rem,19.9rem,27.5rem!important;
	background-position: 13.5rem,2.5rem,100% 2.5rem!important;
} }

@media (max-width: 768px) {
.mode-card_wheel:before {
    background-size: 26.1rem 16.1rem,19.9rem,27.5rem!important;
	background-position: 13.5rem,2.5rem,100% 2.5rem!important;
} }

@media (max-width: 768px) {
.mode-card_jackpot:before {
    background-size: 26.1rem 16.1rem,19.9rem,27.5rem!important;
	background-position: 13.5rem,2.5rem,100% 2.5rem!important;
} }

@media (max-width: 768px) {
.mode-card_mines:before {
    background-size: 26.1rem 16.1rem,19.9rem,27.5rem!important;
	background-position: 13.5rem,2.5rem,100% 2.5rem!important;
} }



@media (max-width: 991px) {
.support-page .support-page__aside {
    width: 100%;
    height: 100%;
    flex: 1;
    flex-direction: column;
} }

@media (max-width: 991px) {
.page-title {
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: uppercase;
} }


@media (max-width: 767px) {
.mobile-hide {
    display: none!important;
} }

@media (max-width: 767px) {
.alert_support .alert__text {
    font-size: 1.2rem!important;
} }


@media (max-width: 767px) {
.support-button-close {
    height: 35px!important;
	font-size: 13px!Important;
	
} }

@media (max-width: 767px) {
.inner-page {
  height: 100%!important;
} }


@media (max-width: 767px) {
.items-rain .items-rain__background {
    width: 16.3rem;
    height: 9.1rem;
    bottom: 0px;
    right: 0;
} }

@media (max-width: 767px) {
.items-rain .items-rain__title {
    font-size: 1.3rem;
    font-weight: 600;
} }

@media (max-width: 767px) {
.items-rain {
    height: 7.4rem;
} }

@media (max-width: 767px) {
.items-rain .items-rain:after {
    content: "";
    position: absolute;
    top: 1.1rem;
    right: 0;
    display: block;
    height: 100%;
    filter: hue-rotate(333deg) saturate(200%);
    width: 73.56%;
    border-radius: inherit;
    background-image: url(../img/shine.webp);
    background-size: 100%;
    background-repeat: no-repeat;
} }


@media (max-width: 767px) {
.raffle-last-winner__drop {
    top: 1.1rem;
} }

@media (max-width: 767px) {
.raffle-last-winner__drop img {
    width: 6rem;
	height: 6rem;
} }

@media (max-width: 767px) {
.raffle-last-winner__time {
    font-size: 1rem;
    color: #dfe6ff;
} }


/* mobile design raffless */

@media (max-width: 992px) {
  .lg\:mb-\[1\.2rem\] { margin-bottom: 1.2rem !important; }
  .lg\:px-\[1\.5rem\] { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .lg\:hidden { display: none !important; }
  .lg\:p-\[1\.6rem\] { padding: 1.6rem !important; }
  .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
  .lg\:gap-\[1rem\] { gap: 1rem !important; }
  .lg\:mr-\[0\.65rem\] { margin-right: 0.65rem !important; }
  .lg\:w-full { width: 100% !important; }
  .lg\:self-end { align-self: flex-end !important; }
  .lg\:ml-\[0\.65rem\] { margin-left: 0.65rem !important; }
  .lg\:text-\[2\.2rem\] { font-size: 2.2rem!important; }
  .lg\:text-\[2rem\] { font-size: 2rem!important; }
  .lg\:text-\[1\.1rem\] { font-size: 1.1rem!important; }
  .lg\:leading-\[1\.8rem\] { line-height: 1.8rem!important; }
  .lg\:mb-\[1\.2rem\] { margin-bottom: 1.2rem!important; }
  .lg\:mr-\[0\.65rem\] { margin-right: .65rem!important; }
  .lg\:max-w-\[17\.8rem\] { max-width: 17.8rem!important; }
  .lg\:mb-\[1\.2rem\] { margin-bottom: 1.2rem!important; height: 16.5rem!important; }
  .lg\:leading-\[1\.6rem\] { line-height: 1.6rem!important; }
  .lg\:text-\[1\.4rem\] { font-size: 1.4rem!important; }
  .lg\:font-400 { font-weight: 700!important; }
  .lg\:w-\[190\%\] { width: 190%!important; }
  .lg\:text-\[1\.2rem\] { font-size: 1.2rem!important; }
  .lg\:font-350 { font-weight: 500!important; }
  .lg\:\!p-\[1rem\] { padding: 1rem!important; }
  .lg\:text-\[1\.1rem\] { font-size: 1.1rem!important; }
  .lg\:text-\[1\.4rem\] { font-size: 1.4rem!important; }
  .lg\:text-\[1\.2rem\] { font-size: 1.2rem!important; }
  .lg\:space-y-\[0\.5rem\]>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse))!important; }
  .lg\:h-\[3\.8rem\] { height: 3.8rem!important; }
  .lg\:w-\[3\.6rem\] { width: 3.6rem!important; }
  .lg\:leading-\[1\.2rem\] { line-height: 1.2rem!important; }
  .lg\:text-\[1\.2rem\] { font-size: 1.2rem!important; }
  .lg\:leading-\[1rem\] { line-height: 1rem!important; }
  .lg\:space-x-\[0\.4rem\]>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.4rem * var(--tw-space-x-reverse)); margin-left: calc(.4rem * calc(1 - var(--tw-space-x-reverse)))!important; }
  .lg\:\!ml-\[0\.8rem\] { margin-left: .8rem !important; }
  .lg\:h-\[3\.6rem\] { height: 3.6rem!important; }
  .lg\:w-\[3\.4rem\] { width: 3.4rem!important; }
  .lg\:self-end { align-self: flex-end!important; } 
  .lg\:ml-\[0\.65rem\] { margin-left: .65rem!important; }
  .lg\:w-\[10rem\] { width: 10rem!important; }
  .lg\:top-0 { top: 0!important; }
  .lg\:right-\[2rem\] { right: 2rem!important; }
  .lg\:w-\[8\.4rem\] { width: 8.4rem!important; }
  .lg\:w-\[10rem\] { width: 10rem!important; }
  .lg\:top-0 { top: 0!important; }
  .lg\:right-\[2rem\] { right: 2rem!important; }
  .lg\:bottom-0 { bottom: 0!important; }
  .lg\:left-0 { left: 0!important; } 
  .lg\:w-full { width: 100%!important; }
  .lg\:text-\[1\.3rem\] { font-size: 1.3rem!important; }
  .lg\:leading-\[1\.4rem\] { line-height: 1.4rem!important; }
  .lg\:\!hidden { display: none!important; }
  .lg\:flex { display: flex!important; }
    .lg\:min-h-\[12\.1rem\] { min-height: 12.1rem!important; height: 12rem !important }
    .lg\:h-\[12\.5rem\] { height: 12.5rem!important; }
    .lg\:h-\[3\.8rem\] { height: 3.8rem !important; }


}

.hover\:text-\[\#5C5934\]:hover {
    --tw-text-opacity: 1;
    color: rgb(92 89 52 / var(--tw-text-opacity, 1));
}

.hover\:bg-\[\#FFE4B1\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 177 / var(--tw-bg-opacity, 1));
}

.h-\[4\.2rem\] {
    height: 4.2rem;
}

.h-\[5\.8rem\] {
    height: 5.8rem;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}


.giveaways-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.giveaway-card img,
.history-card img {
  object-fit: cover;
}
.rarity-bar {
  height: 6px;
  border-radius: 4px;
}


.modal__wrapper {
	width: 100%;
	height: 600px;
}

.raffle-last-winner__drop {
    position: absolute;
}

.raffle-current__name {
    font-size: 1.8rem ! Important;
    color: #ebeffd;
    font-weight: 500;
}

.raffle-current__desc {
    color: #9ba1b7!Important;
    font-size: 1.8rem!Important;
}

.raffle-current__price {
    color: #ffc6b0;
    font-size: 2.3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: 'Gotham';
    font-weight: 600;
}

.skin__exterior {
    position: absolute;
    left: 10px;
    top: 1rem;
    color: #aab3d1;
    border: 1px dashed #686f87;
    padding: 5px;
    font-weight: 500;
    font-family: 'Gotham';
    border-radius: 5px;
    line-height: 1.3rem;
    font-size: 1.3rem;
    text-align: center;
    align-items: center;
}

.skin__stattrak {
    position: absolute;
    left: 14px;
    bottom: 5rem;
    color: #fdae8b;
    border: 0px dashed #686f87;
    padding: 5px;
    font-weight: 500;
    font-family: 'Gotham';
    border-radius: 5px;
    line-height: 1.3rem;
    font-size: 1.3rem;
    text-align: center;
    align-items: center;
}

.raffle-place {
    background-color: #27304e;
    padding: 1.5rem 2rem;
    border-radius: 1rem;
    height: 5.3rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: #bcc6ea;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
}

.mask-arrow-left {
    -webkit-mask-image: url('/img/mask-arrow-left.svg');
    mask-image: url('/img/mask-arrow-left.svg');
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: left;
    mask-position: left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.bg-gradient-var-to-r {
    background-image: linear-gradient(90deg, var(--from, transparent), var(--to, transparent));
}

.\[--to\:transparent\] {
    --to: transparent;
}

.\[--from\:\#1d2950\] {
    --from: #5d6a95;
}


.lg\:block {
    display: block;
}

.opacity-20 {
    opacity: .2;
}

.inset-0 {
    top: -1.4rem;
    right: 0;
    width: 20rem;
    bottom: 20px;
    left: 24rem;
}

.btn--orange {
    background-color: #ffc9b4;
    color: #2b3452;
	text-shadow: none;
    font-weight: 700;
    font-size: 1.5rem;
}

.btn--red {
    background-color: #ffa5a5;
    color: #2b3452;
    text-shadow: none;
    cursor: not-allowed;
    font-weight: 700;
    font-size: 1.5rem;
}

.btn--orange:hover {
    filter: brightness(1.1);
}



.absolute {
    position: absolute;
}

.raffle-current {
    margin-top: 6rem;
}

.raffle-body {
   background-color: transparent!Important
}

.odometer-block {
   width: auto!important;
}

.odometer-block span {
    display: block;
}

.bg-timer-clocks {
    background: #ffc9b40f;
    padding: 0.6rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: -1px;
    margin-right: -1px;
    border-radius: 0.7rem;
    display: inline;
    align-items: center;
    position: relative;
    text-align: center;
}

.conditions_giveaway {
    position: relative;
    margin-top: 17px;
}

.raffle-current__photo {
    position: absolute;
    top: 11px;
    left: 30px;
    margin-bottom: 0;
}

.raffle-header__timer {
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
    font-family: 'Gotham';
    font-variant: tabular-nums;
    color: #ffc9b4;
	margin-left: 0;
}

.text-modal .modal__content {
    min-width: 380px;
    max-width: 600px;
    border-radius: 2rem;
}


@media (max-width: 767px) {
    .text-modal .modal__content {
        min-width: 100%!important;
        max-width: 100%!important;
        border-radius: 2rem;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-right: 30px;
		margin-left: 15px;
        /* Set overflow-y color to transparent */
        overflow-y: scroll;
        scrollbar-width: none; /* Hide scrollbar for Firefox */
        -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer/Edge */
        &::-webkit-scrollbar {
            width: 0px; /* Hide scrollbar for Chrome, Safari, and Opera */
        }
    }
}

@media (max-width: 767px) {
.modal__wrapper {
    height: auto!important;
} }

@media (max-width: 767px) {
.raffle-header__timer {
    right: 7.7rem;
    top: 6rem;
} }

@media (max-width: 767px) {
.inset-0 {
    top: -7rem;
    right: auto;
    width: 28rem;
    height: 33rem;
    transform: rotate(270deg);
    bottom: 20px;
    left: auto;
} }

@media (max-width: 767px) {
.skin__exterior {
    position: absolute;
    left: 30px;
    top: 1rem;
    color: #aab3d1;
    border: 1px dashed #686f87;
    padding: 5px;
    font-weight: 500;
    font-family: 'Gotham';
    border-radius: 5px;
    line-height: 1rem;
    font-size: 1rem;
    text-align: center;
    align-items: center;
} }

@media (max-width: 767px) {
.skin__stattrak {
    position: absolute;
    right: 30px;
    top: 1rem;
    color: #fdae8b;
    border: 0px dashed #686f87;
    padding: 5px;
    font-weight: 500;
    font-family: 'Gotham';
    border-radius: 5px;
    line-height: 1rem;
    font-size: 1rem;
    text-align: center;
    align-items: center;
} }



@media (max-width: 767px) {
.raffle-current__photo {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 5px;
} }

@media (max-width: 767px) {
.raffle-current__price {
    color: #ffc6b0;
    font-size: 1.7rem;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    font-family: 'Gotham';
    font-weight: 600;
} }

@media (max-width: 767px) {
.raffle-current {
    margin-top: 5rem;
    padding-bottom: 1.6rem;
} }

.modal__header .header__title {
    color: #d1d1d1;
    font-size: 2rem;
    font-family: 'Gotham';
    font-weight: 400;
    line-height: 1.2;
    text-transform: inherit;
}

.mb-\[1\.8rem\] {
    margin-bottom: 1.8rem;
}

.bg-\[linear-gradient\(180deg\,\#C2C9E3_0\%\,\#E5E8F5_100\%\)\] {
    background-image: linear-gradient(180deg, #c2c9e3, #e5e8f5);
}
.rounded-\[1rem\] {
    border-radius: 1rem;
}

.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex-col {
    flex-direction: column;
}
.w-\[5rem\] {
    width: 5rem;
}
.h-full {
    height: 100%;
}

@media (max-width: 767px) {
.raffles-page {
    width: 100%!important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.raffle-card {
padding: 1.6rem!important;
display: inline-table!important; }
.right-\[3rem\] { right: 2rem!important; }
.w-\[14rem\] { width: 10rem!important;} 
}

.raffles-page {
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
	width: 120rem;
	font-family: 'Gotham',sans-serif;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	margin-top: 2.4rem;
    flex-wrap: wrap;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.mb-\[2\.4rem\] {
    margin-bottom: 2.4rem;
}
.z-\[1\] {
    z-index: 1;
}

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

.gap-\[1\.6rem\] {
    gap: 1.6rem;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid {
    display: grid;
}

.flex-col {
    flex-direction: column;
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[2\.6rem\] {
    font-size: 2.6rem;
}

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

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

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.leading-normal {
    line-height: 1.5;
}
.font-450 {
    font-weight: 800;
}
.text-\[2\.6rem\] {
    font-size: 2.6rem;
}



.max-w-full {
    max-width: 100%;
}

.max-h-\[45\.7rem\] {
    max-height: 45.7rem;
}
.h-full {
    height: 100%;
}
.z-\[0\] {
    z-index: 0;
}
.top-\[-14rem\] {
    top: -14rem;
}
.left-1\/2 {
    left: 50%;
}


.raffle-card {
  border-radius: 1.6rem;
  background: #1e2e63;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
  display: flex;
  padding: 3.2rem;
  color: white;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

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

.items-center {
    align-items: center;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.flex {
    display: flex;
}
.z-\[2\] {
    z-index: 2;
}

.mr-\[1\.5rem\] {
    margin-right: 1.5rem;
}

.flex-col {
    flex-direction: column;
}

.max-w-\[25rem\] {
    max-width: 25rem;
}
.flex {
    display: flex;
}
.mb-\[1\.8rem\] {
    margin-bottom: 1.8rem;
}

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

.items-center {
    align-items: center;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.flex {
    display: flex;
}

.z-\[2\] {
    z-index: 2;
}

.flex-col {
    flex-direction: column;
}

.max-w-\[25rem\] {
    max-width: 25rem;
}
.flex {
    display: flex;
}
.mb-\[1\.8rem\] {
    margin-bottom: 1.8rem;
}

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

.leading-\[2\.2rem\] {
    line-height: 2.2rem;
}
.font-450 {
    font-weight: 800;
}
.text-\[1\.8rem\] {
    font-size: 1.8rem;
}
.whitespace-nowrap {
    white-space: nowrap;
}

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

.text-white-700 {
    color: #ffffffb3;
}
.leading-\[1\.6rem\] {
    line-height: 1.6rem;
}
.font-350 {
    font-weight: 500;
}
.text-\[1\.3rem\] {
    font-size: 1.3rem;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.w-\[120\%\] {
    width: 120%;
}

.flex-col {
    flex-direction: column;
}
.h-full {
    height: 100%;
}
.flex {
    display: flex;
}
.relative {
    position: relative;
}

.pt-\[1\.2rem\] {
    padding-top: 1.2rem;
}

.pb-\[1\.4rem\] {
    padding-bottom: 1.4rem;
}
.px-\[1\.8rem\] {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}
.bg-\[rgba\(141\,174\,255\,0\.09\)\] {
    background-color: #8daeff17;
}
.border-\[rgba\(146\,178\,255\,0\.13\)\] {
    border-color: #92b2ff21;
}
.border-solid {
    border-style: solid;
}
.border-\[0\.2rem\] {
    border-width: .2rem;
}
.rounded-t-\[1rem\] {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex-col {
    flex-direction: column;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex {
    display: flex;
}

.text-white-700 {
    color: #ffffffb3;
}

.leading-normal {
    line-height: 1.5;
}
.font-350 {
    font-weight: 500;
}
.text-\[1\.3rem\] {
    font-size: 1.3rem;
}

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

.space-x-\[0\.4rem\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.4rem * var(--tw-space-x-reverse));
    margin-left: calc(.4rem * calc(1 - var(--tw-space-x-reverse)));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.leading-normal {
    line-height: 1.5;
}
.leading-\[1\.4rem\] {
    line-height: 1.4rem;
}
.font-400 {
    font-weight: 700;
}
.text-\[1\.4rem\] {
    font-size: 1.4rem;
}

.space-y-\[1\.2rem\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.2rem * var(--tw-space-y-reverse));
}
.items-center {
    align-items: center;
}
.h-\[5\.2rem\] {
    height: 5.2rem;
}
.flex {
    display: flex;
}

.bg-\[linear-gradient\(180deg\,\#C2C9E3_0\%\,\#E5E8F5_100\%\)\] {
    background-image: linear-gradient(180deg, #c2c9e3, #e5e8f5);
}
.rounded-\[1rem\] {
    border-radius: 1rem;
}

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

.leading-\[1\.6rem\] {
    line-height: 1.6rem;
}
.font-350 {
    font-weight: 500;
}
.text-\[1\.6rem\] {
    font-size: 1.6rem;
}

.text-\[\#404451\] {
    --tw-text-opacity: 1;
    color: rgb(64 68 81 / var(--tw-text-opacity, 1));
}
.leading-\[1\.4rem\] {
    line-height: 1.4rem;
}

.border-\[0\.3rem\] {
    border-width: .3rem;
}

.uppercase {
    text-transform: uppercase;
}
.font-350 {
    font-weight: 500;
}
.text-\[0\.8rem\] {
    font-size: .8rem;
}

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

.bg-\[linear-gradient\(180deg\,\#C2C9E3_0\%\,\#E5E8F5_100\%\)\] {
    background-image: linear-gradient(180deg, #c2c9e3, #e5e8f5);
}
.rounded-\[1rem\] {
    border-radius: 1rem;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex-col {
    flex-direction: column;
}
.w-\[4\.6rem\] {
    width: 4.6rem;
}
.h-full {
    height: 100%;
}
.flex {
    display: flex;
}
.\!ml-\[1\.4rem\] {
    margin-left: 1.4rem !important;
}

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

.bg-\[linear-gradient\(180deg\,\#C2C9E3_0\%\,\#E5E8F5_100\%\)\] {
    background-image: linear-gradient(180deg, #c2c9e3, #e5e8f5);
}
.rounded-\[1rem\] {
    border-radius: 1rem;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex-col {
    flex-direction: column;
}
.w-\[4\.6rem\] {
    width: 4.6rem;
}
.h-full {
    height: 100%;
}
.flex {
    display: flex;
}

.bg-\[rgba\(146\,179\,255\,0\.15\)\] {
    background-color: #92b3ff26;
}

.border-transparent {
    border-color: transparent;
}
.border-solid {
    border-style: solid;
}
.border-\[0\.2rem\] {
    border-width: .2rem;
}
.rounded-b-\[1rem\] {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.cursor-default {
    cursor: default;
}
.h-\[4\.6rem\] {
    height: 4.6rem;
}
.flex {
    display: flex;
}

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

.leading-\[1\.6rem\] {
    line-height: 1.6rem;
}
.font-400 {
    font-weight: 700;
}
.text-\[1\.2rem\] {
    font-size: 1.2rem;
}

.flex-col {
    flex-direction: column;
}

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

.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.flex {
    display: flex;
}
.ml-\[1\.5rem\] {
    margin-left: 1.5rem;
}
.z-\[1\] {
    z-index: 1;
}

.custom-transition-all {
    transition: all .2s 
ease-out;
}

.opacity-100 {
    opacity: 1;
}
.flex-1 {
    flex: 1 1 0%;
}
.w-full {
    width: 100%;
}
.relative {
    position: relative;
}

.w-\[14rem\] {
    width: 14rem;
}

.z-\[2\] {
    z-index: 2;
}
.top-\[1rem\] {
    top: 1rem;
}
.right-\[3rem\] {
    right: 3rem;
}
.absolute {
    position: absolute;
}
.pointer-events-none {
    pointer-events: none;
}
html, body, form, fieldset, table, tr, td, img {
    font-family: Gotham, sans-serif;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    image-rendering: var(--image-rendering, auto);
}

.raffle-item-shadow.raffle-color-red[_ngcontent-ng-c1186471493] .logo-stamp[_ngcontent-ng-c1186471493] {
    background-image: url(/assets/images/raffles/home/logo-red.svg);
}

.raffle-item-shadow[_ngcontent-ng-c1186471493] .logo-stamp[_ngcontent-ng-c1186471493] {
    background-size: contain;
    background-image: url(/assets/images/raffles/home/logo-blue.svg);
}
.w-\[13\.9rem\] {
    width: 13.9rem;
}
.h-\[13\.8rem\] {
    height: 13.8rem;
}
.z-\[1\] {
    z-index: 1;
}
.top-\[-0\.6rem\] {
    top: -.6rem;
}
.top-\[1rem\] {
    top: 1rem;
}
.right-\[2\.5rem\] {
    right: 2.5rem;
}

.h-\[10\.8rem\] {
    height: 10.8rem;
}

.w-\[10\.9rem\] {
    width: 10.9rem;
}

.absolute {
    position: absolute;
}

.raffle-item-shadow.raffle-color-red[_ngcontent-ng-c1186471493] .logo-stamp-blur[_ngcontent-ng-c1186471493] {
    background-image: url(/assets/images/raffles/home/blur-red.webp);
}

.raffle-item-shadow[_ngcontent-ng-c1186471493] .logo-stamp-blur[_ngcontent-ng-c1186471493] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/images/raffles/home/blur-blue.webp);
}
.w-\[13\.9rem\] {
    width: 13.9rem;
}
.h-\[13\.8rem\] {
    height: 13.8rem;
}
.z-\[1\] {
    z-index: 1;
}
.top-\[-0\.6rem\] {
    top: -.6rem;
}

.left-\[1\.4rem\] {
    left: 1.4rem;
}

.bottom-\[2\.2rem\] {
    bottom: 2.2rem;
}

.text-\[\#D6DAEA\] {
    --tw-text-opacity: 1;
    color: rgb(214 218 234 / var(--tw-text-opacity, 1));
}

.leading-\[1\.2rem\] {
    line-height: 1.2rem;
}
.font-350 {
    font-weight: 500;
}
.text-\[1rem\] {
    font-size: 1rem;
}
.mb-\[0\.6rem\] {
    margin-bottom: .6rem;
}
.z-\[3\] {
    z-index: 3;
}

.text-\[\#D6DAEA\] {
    --tw-text-opacity: 1;
    color: rgb(214 218 234 / var(--tw-text-opacity, 1));
}

.leading-\[1\.4rem\] {
    line-height: 1.4rem;
}
.font-325 {
    font-weight: 400;
}
.text-\[1\.2rem\] {
    font-size: 1.2rem;
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.leading-\[1\.6rem\] {
    line-height: 1.6rem;
}
.font-350 {
    font-weight: 500;
}
.text-\[1\.3rem\] {
    font-size: 1.3rem;
}

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

.text-\[\#81E478\] {
    --tw-text-opacity: 1;
    color: rgb(129 228 120 / var(--tw-text-opacity, 1));
}
.leading-\[1\.8rem\] {
    line-height: 1.8rem;
}
.font-400 {
    font-weight: 700;
}
.text-\[1\.6rem\] {
    font-size: 1.6rem;
}

.currency_CSF, .currency_USD {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    font-variant: tabular-nums;
}

[class*=currency_] {
    white-space: nowrap;
}

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

.text-\[\#3D3B21\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.bg-\[\#FFD686\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 214 134 / var(--tw-bg-opacity, 1));
}
.rounded-\[1rem\] {
    border-radius: 1rem;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.w-full {
    width: 100%;
}
.h-\[5\.8rem\] {
    height: 5.8rem;
}
.hidden {
    display: none;
}
.\!flex {
    display: flex;
}
.z-\[2\] {
    z-index: 2;
}

.leading-\[2\.2rem\] {
    line-height: 2.2rem;
}
.font-400 {
    font-weight: 700;
}

.text-\[1\.5rem\] {
    font-size: 1.5rem;
}

.\!text-\[\#3D3B21\] {
    --tw-text-opacity: 1 !important;
    color: rgb(61 59 33 / var(--tw-text-opacity, 1)) !important;
}

.text-\[2rem\] {
    font-size: 2rem;
}

.raffle-color-red .logo-stamp {
    background-image: url(/assets/images/raffles/home/logo-red.svg);
}

.logo-stamp {
    background-size: contain;
    background-image: url(/assets/images/raffles/home/logo-blue.svg);
}
.w-\[13\.9rem\] {
    width: 13.9rem;
}
.h-\[13\.8rem\] {
    height: 13.8rem;
}


/* Active raffle card gradient */
.raffle-card.active {
  background: linear-gradient(43deg, #3b2558, #a34666)
}

/* Left section */
.raffle-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding-right: 4rem;
}

.raffle-titles h3 {
    font-size: 1.8rem;
    font-weight: 800;
    margin: 0;
    line-height: 2.2rem;
}

.raffle-titles p {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0.3rem 0 1rem;
    font-weight: 500;
}

/* Info Box */
.info-box {
    background: rgba(141, 174, 255, 0.09);
    border: 2px solid rgba(146, 178, 255, 0.13);
    border-radius: 1rem;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.info-row {
    display: flex;
    justify-content: space-between;
    font-size: 1.3rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-top: 1.2rem;
    padding-bottom: 1.4rem;
    font-weight: 500;
}

.giveaway-tag {
    font-size: 1.3rem;
    font-weight: 600;
    opacity: 1;
    background-color: #92b3ff26;
    border-width: .2rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-style: solid;
    border-color: transparent;
    align-items: center;
    justify-content: center;
    height: 4.6rem;
    display: flex;
}

/* Right section */
.raffle-right {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.knife-img {
  width: 180px;
  height: auto;
  margin-bottom: 0.8rem;
}

.item-name {
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.4rem;
  line-height: 1.3;
}

.price {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Button */
.participate-btn {
  padding: 0.6rem 1.2rem;
  border-radius: 1rem;
  background: #5d59ea;
  color: white;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  width: 100%;
}

.participate-btn:hover {
  background: #4c49d9;
}

/* Coming Soon card */
.coming-soon {
  background: #1a1b3d;
  justify-content: center;
  align-items: center;
}

.coming-soon-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coming-soon-text {
  font-size: 1.4rem;
  color: #b5bcff;
  font-weight: 600;
}

/* raffles end */


@media (max-width: 767px) {
.raffle-last-winner__time {
    font-size: 1rem;
    color: #dfe6ff;
} }

/* mobile design flip */

@media (max-width: 767px) {
	
.chose-side {
	
    background: #161b2e;
}

.chose-side-count {
    margin-bottom: 0;
}

.btn--transfer {
	height: 4rem;
}

.chose-side-count__btn {
    width: 4rem;
    background: #2f385b;
    height: 4rem;
}

.chose-side-controls {
    grid-template-columns: 21.6rem 13.4rem;
    gap: 1rem;
    display: inline-grid;
	align-items: end;
}

.chose-side-count ul {
    gap: .4rem;
}

.chose-side-subtitle {
    margin-top: 3rem;
}

.chose-side::before {
    left: -2rem;
}	
.chose-side::after {
    right: -2rem;
}

.chat-active .runflip-form .runflip-header {
    margin-bottom: 0rem;
}

.runflip-form {
    padding: 1rem 0rem 1.5rem;
}

.btn-green-flip {
    border-radius: 1.5rem;
}

.btn-blue-flip {
    border-radius: 1.5rem;
}

.runflip-game-side__icon {
    width: 6rem;
    height: 6rem;
    left: calc(50% - 6rem / 2);
    bottom: -0.6rem;
}

.runflip-game-side__title {
    font-size: 1.1rem;
    font-weight: 500;
}

.runflip-game-side__price {
    font-size: 1.3rem;
    margin-top: 0px;
    font-weight: 600;
}

.runflip-game-side__main {
    margin-bottom: 0.8rem;
}


}



/* mobile version new panel */

@media (max-width: 767px) {
	
.wheel-sidebar {
    width: auto!important;
}

.new-game-sidebar__head {
    display: none!important;
}

.new-game-sidebar__bet-creator {
    gap: 1rem!important;
    border-radius: 1rem!important;
    padding: 1rem!important;
}

.new-game-sidebar__footer {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    border-radius: 1rem!important;
}

.footer {
    width: auto!important;
}

.desktop__main__bonuses {
    display: none!important;
}

}