/* GAME BOTS */

#gamebots_list {
	height: 600px;
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 75px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.gamebot-item{
	height: 75px;
	position: relative;
	cursor: pointer;
}

.gamebot-item.active{
	border: solid 2px #21934c;
	background: #0f5b2d;
}

.gamebot-item:not(.active) .gamebot-selected{
	display: none;
}

.gamebot-item .gamebot-selected {
    background-color: #21934c;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -1;
    right: -1;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    color: #0f5b2d;
    z-index: 1;
}

.gamebot-item .gamebot-name {
	font-size: 14px;
    font-weight: 600;
	text-transform: uppercase;
}

.gamebot-item .gamebot-profile {
	font-size: 12px;
    font-weight: 500;
    color: #ffffffb3 !important;
}

.gamebot-item .gamebot-rate {
    font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
    color: var(--site-color-warning);
}

/* END GAME BOTS */

/* UPGRADER */

#upgrader_siteitems_list, #upgrader_myitems_list {
    height: 600px;
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
    display: grid;
    gap: 0.5rem;
    grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

.upgrader-items{
	display: grid;
	grid-template-columns: repeat(var(--upgrader-cols), 1fr);
	gap: 0.25rem;
	height: 220px;
}

.upgrader-items:empty{
	background: url(../img/knife.png) no-repeat 50% 50%;
    background-size: 75%;
	filter: drop-shadow(var(--site-color-bg-light-transparent) 0px 0px 10px);
}

.upgrader-side .upgrader-brand{
	font-size: 16px;
	font-weight: 600;
}

.upgrader-side .upgrader-name{
	font-size: 12px;
	font-weight: 500;
	color: #ffffffb3;
}

.upgrader-info .upgrader-brand{
	font-size: 18px;
	font-weight: 600;
}

.upgrader-info .upgrader-name{
	font-size: 12px;
	font-weight: 500;
	color: #ffffffb3;
}

.upgrader-item img { max-width: 150px; }

.upgrader-item-remove{
	opacity: 0;
}

.upgrader-items .upgrader-item:first-child:nth-last-child(1) img, .upgrader-items .upgrader-item:first-child:nth-last-child(1) ~ .upgrader-item img { max-width: 225px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(2) img, .upgrader-items .upgrader-item:first-child:nth-last-child(2) ~ .upgrader-item img { max-width: 150px; }

.upgrader-items .upgrader-item:first-child:nth-last-child(3) img, .upgrader-items .upgrader-item:first-child:nth-last-child(3) ~ .upgrader-item img { max-width: 125px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(4) img, .upgrader-items .upgrader-item:first-child:nth-last-child(4) ~ .upgrader-item img { max-width: 125px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(5) img, .upgrader-items .upgrader-item:first-child:nth-last-child(5) ~ .upgrader-item img { max-width: 125px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(6) img, .upgrader-items .upgrader-item:first-child:nth-last-child(6) ~ .upgrader-item img { max-width: 125px; }

.upgrader-items .upgrader-item:first-child:nth-last-child(7) img, .upgrader-items .upgrader-item:first-child:nth-last-child(7) ~ .upgrader-item img { max-width: 100px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(8) img, .upgrader-items .upgrader-item:first-child:nth-last-child(8) ~ .upgrader-item img { max-width: 100px; }

.upgrader-items .upgrader-item:first-child:nth-last-child(9) img, .upgrader-items .upgrader-item:first-child:nth-last-child(9) ~ .upgrader-item img { max-width: 75px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(10) img, .upgrader-items .upgrader-item:first-child:nth-last-child(10) ~ .upgrader-item img { max-width: 75px; }

.upgrader-items .upgrader-item:first-child:nth-last-child(11) img, .upgrader-items .upgrader-item:first-child:nth-last-child(11) ~ .upgrader-item img { max-width: 50px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(12) img, .upgrader-items .upgrader-item:first-child:nth-last-child(12) ~ .upgrader-item img { max-width: 50px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(13) img, .upgrader-items .upgrader-item:first-child:nth-last-child(13) ~ .upgrader-item img { max-width: 50px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(14) img, .upgrader-items .upgrader-item:first-child:nth-last-child(14) ~ .upgrader-item img { max-width: 50px; }
.upgrader-items .upgrader-item:first-child:nth-last-child(15) img, .upgrader-items .upgrader-item:first-child:nth-last-child(15) ~ .upgrader-item img { max-width: 50px; }

.upgrader-spinner-content{
	background: transparent;
	border: solid 2px #9370db;
	height: 225px;
	width: 225px;
	border-radius: 50%;
	filter: drop-shadow(#64528e 0px 0px 4px);
}

.upgrader-spinner-content.success {
	border: solid 2px #00e258;
	filter: drop-shadow(#138444 0px 0px 4px);
}

.upgrader-spinner-content.danger {
	border: solid 2px #ff5548;
	filter: drop-shadow(#933e3c 0px 0px 4px);
}

.upgrader-spinner{
	background: transparent;
	border: solid 2px #9370db;
	height: 185px;
	width: 185px;
	border-radius: 50%;
	filter: drop-shadow(#64528e 0px 0px 4px);
}

.upgrader-spinner-content.success .upgrader-spinner {
	border: solid 2px #00e258;
	filter: drop-shadow(#138444 0px 0px 4px);
}

.upgrader-spinner-content.danger .upgrader-spinner {
	border: solid 2px #ff5548;
	filter: drop-shadow(#933e3c 0px 0px 4px);
}

.upgrader-progress{
	background: conic-gradient(var(--site-color-bg-light) 0%, var(--site-color-bg-light) var(--upgrader-progress-start), #64528e var(--upgrader-progress-start), #64528e var(--upgrader-progress-end), var(--site-color-bg-light) var(--upgrader-progress-end), var(--site-color-bg-light) 100%);
	border-radius: 50%;
	z-index: 1;
	transform: rotateZ(var(--upgrader-rotate));
}

.upgrader-spinner-content.success .upgrader-progress {
	background: conic-gradient(var(--site-color-bg-light) 0%, var(--site-color-bg-light) var(--upgrader-progress-start), #138444 var(--upgrader-progress-start), #138444 var(--upgrader-progress-end), var(--site-color-bg-light) var(--upgrader-progress-end), var(--site-color-bg-light) 100%);
}

.upgrader-spinner-content.danger .upgrader-progress {
	background: conic-gradient(var(--site-color-bg-light) 0%, var(--site-color-bg-light) var(--upgrader-progress-start), #933e3c var(--upgrader-progress-start), #933e3c var(--upgrader-progress-end), var(--site-color-bg-light) var(--upgrader-progress-end), var(--site-color-bg-light) 100%);
}

.upgrader-progress:before{
	content: "";
	background: radial-gradient(rgb(39, 39, 49), rgba(39, 39, 49, 0.5));
	height: 80%;
	width: 80%;
	border-radius: 50%;
}

.upgrader-spinner-content:not(.success) .upgrader-info>div:nth-child(2){
	display: none;
}

.upgrader-spinner-content:not(.danger) .upgrader-info>div:nth-child(3){
	display: none;
}

.upgrader-spinner-content.success .upgrader-info>div:nth-child(1), .upgrader-spinner-content.danger .upgrader-info>div:nth-child(1){
	display: none;
}

.upgrader-info{
	position: absolute;
	z-index: 2;
}

.upgrader-pointer:before{
	content: "";
	margin-top: -1px;
	width: 0px;
	height: 0px;
	border-width: 18px 8px 0px;
	border-style: solid;
	border-color: #9370db transparent transparent;
	border-image: initial;
	filter: drop-shadow(#64528e 0px 0px 4px);
	bottom: calc(100% - 18px);
    position: absolute;
}

.upgrader-spinner-content.success .upgrader-pointer:before {
	border-color: #00e258 transparent transparent;
	filter: drop-shadow(#138444 0px 0px 4px);
}

.upgrader-spinner-content.danger .upgrader-pointer:before {
	border-color: #ff5548 transparent transparent;
	filter: drop-shadow(#933e3c 0px 0px 4px);
}

.upgrader-spinner-content.upgrade-mode-animation-1 .upgrader-pointer:before {
	-webkit-animation: upgrader_mode_1 0.5s ease-out forwards;
	-moz-animation: upgrader_mode_1 0.5s ease-out forwards;
	-o-animation: upgrader_mode_1 0.5s ease-out forwards;
	animation: upgrader_mode_1 0.5s ease-out forwards;
}

.upgrader-spinner-content.upgrade-mode-animation-2 .upgrader-spinner {
	-webkit-animation: upgrader_mode_2 0.5s ease-out forwards;
	-moz-animation: upgrader_mode_2 0.5s ease-out forwards;
	-o-animation: upgrader_mode_2 0.5s ease-out forwards;
	animation: upgrader_mode_2 0.5s ease-out forwards;
}

@keyframes upgrader_mode_1 {
	0% { border-width: 18px 8px 0px; }
	25% { border-width: 30px 14px 0; }
	50% { border-width: 18px 8px 0px; }
	75% { border-width: 30px 14px 0; }
	100% { border-width: 18px 8px 0px; }
}

@-webkit-keyframes upgrader_mode_1 {
	0% { border-width: 18px 8px 0px; }
	25% { border-width: 30px 14px 0; }
	50% { border-width: 18px 8px 0px; }
	75% { border-width: 30px 14px 0; }
	100% { border-width: 18px 8px 0px; }
}

@keyframes upgrader_mode_2 {
	0% { height: 185px; width: 185px; }
	25% { height: 125px; width: 125px; }
	50% { height: 185px; width: 185px; }
	75% { height: 125px; width: 125px; }
	100% { height: 185px; width: 185px; }
}

@-webkit-keyframes upgrader_mode_2 {
	0% { height: 185px; width: 185px; }
	25% { height: 125px; width: 125px; }
	50% { height: 185px; width: 185px; }
	75% { height: 125px; width: 125px; }
	100% { height: 185px; width: 185px; }
}

/* END UPGRADER */

/* CAROUSEL */

.carousel{
	width: 100%;
	background-color: var(--site-color-bg-light);
	overflow: hidden;
	position: relative;
	height: 300px;
	width: 100%;
}

.carousel .carousel-content{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

.carousel .carousel-page{
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
}

.carousel .carousel-page:not(.active){
	display: none;
}

.carousel .carousel-page[data-page="crypto"]{
	background: url(../img/banner/crypto.png) no-repeat 100% 50%;
}

.carousel .carousel-page[data-page="affiliates"]{
	background: url(../img/banner/affiliates.png) no-repeat 100% 50%;
}

.carousel .carousel-content{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.carousel .carousel-button{
	height: 100%;
	width: 60px;
	background: var(--site-color-bg-dark-transparent);
	cursor: pointer;
	font-size: 30px;
	z-index: 1;
}

.carousel .carousel-pages{
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.carousel .carousel-panel{
	height: 100%;
	background: linear-gradient(105deg, var(--site-color-bg-light) 0%, var(--site-color-bg-light) 35%, transparent 100%);
	padding: 40px 120px;
}

.carousel .description{
	max-width: 400px;
}

@media (max-width: 768px){
	.carousel .carousel-panel{
		padding: 10px 40px !important; 
	}
	
	.carousel .title{
		font-size: 30px !important; 
	}
}

/* END CAROUSEL */

/* HOME */

.home-options-name {
	font-size: 18px;
    font-weight: bold;
}

.home-options-description {
	font-size: 12px;
}

.home-options.small {
	display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.home-options.medium {
	display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 768px){
	.home-options.small, .home-options.medium {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
}

.home-option {
	height: 200px;
	background-color: var(--site-color-bg-light);
}

.home-options a.disabled{
	opacity: 1 !important;
}

.home-options a.disabled .home-option1{
	background-color: #343437 !important;
}

.home-option-info {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: var(--site-color-bg-light);
}

.home-option-image-content {
	position: relative;
	width: 100%;
	height: 100%;
	border: solid 2px var(--site-color-bg-dark);
	overflow: hidden;
}

.home-option-image-content::before{
	content: "";
	position: absolute;
	transition: all 200ms;
}

.home-option-name {
	position: relative;
    bottom: 50px;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
	-webkit-text-stroke: 1.5px black;
	z-index:2;
}

.home-option-description {
    position: relative;
    bottom: 55px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.8;
	-webkit-text-stroke: 1px black;
	z-index:2;
}

.home-option {
	font-family: 'Friz';
	position: relative;
	height: 200px;
	background-color: var(--site-color-bg-light);
}
.home-option-shadow {
    position: absolute;
    bottom: 5%;
    background-color: #0000002c;
    z-index: 1;
    width: 93.3%;
    height: 30%;
    left: 3.3%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.home-option-shadow-top {
	width: 96%;
    left: 2%;
}

.home-option .home-option-image-content.roulette::before{ height: 100px; width: 100px; bottom: 10%; right: 10%; }
.home-option:hover .home-option-image-content.roulette::before{ bottom: 15%; }
.home-option .home-option-image-content.crash::before{ height: 100px; width: 100px; bottom: 20%; right: 30%; }
.home-option:hover .home-option-image-content.crash::before{ bottom: 25%; }
.home-option .home-option-image-content.jackpot::before{ height: 100px; width: 100px; bottom: 20%; right: 20%; }
.home-option:hover .home-option-image-content.jackpot::before{ bottom: 25%; }
.home-option .home-option-image-content.coinflip::before{ height: 80px; width: 80px; bottom: 40%; left: 10%; }
.home-option:hover .home-option-image-content.coinflip::before{ bottom: 45%; }
.home-option .home-option-image-content.unboxing::before{ height: 120px; width: 120px; bottom: 20%; left: 13%; }
.home-option:hover .home-option-image-content.unboxing::before{ bottom: 25%; }
.home-option .home-option-image-content.casebattle::before{ height: 110px; width: 240px; bottom: 20%; left: 13%; }
.home-option:hover .home-option-image-content.casebattle::before{ bottom: 25%; }
.home-option .home-option-image-content.upgrader::before{ height: 120px; width: 120px; bottom: 20%; left: 13%; }
.home-option:hover .home-option-image-content.upgrader::before{ bottom: 25%; }
.home-option .home-option-image-content.dice::before{ height: 100px; width: 100px; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.home-option:hover .home-option-image-content.dice::before{ top: 45%; }
.home-option .home-option-image-content.minesweeper::before{ height: 100px; width: 100px; bottom: 35%; right: 45%; }
.home-option:hover .home-option-image-content.minesweeper::before{ bottom: 40%; }
.home-option .home-option-image-content.tower::before{ height: 200px; width: 200px; transform: translate(-50%, -50%); top: 65%; left: 50%; }
.home-option:hover .home-option-image-content.tower::before{ top: 60%; }
.home-option .home-option-image-content.plinko::before{ height: 80px; width: 80px; bottom: -10%; right: 15%; }
.home-option:hover .home-option-image-content.plinko::before{ bottom: -5%; }
.home-option .home-option-image-content.slide::before{ height: 100px; width: 100px; bottom: 10%; right: 10%; }
.home-option:hover .home-option-image-content.slide::before{ bottom: 15%; }

.home-option-image-content.slide{
	background: url(../img/games/new/slide.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.slide::before{
	--background: url(../img/games/original/roulette_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.crash{
	background: url(../img/games/new/crash.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.crash::before{
	--background: url(../img/games/original/crash_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.jackpot{
	background: url(../img/games/new/jackpot.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.jackpot::before{
	--background: url(../img/games/original/jackpot_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.coinflip{
	background: url(../img/games/new/coinflip.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.coinflip::before{
	--background: url(../img/games/original/coinflip_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.dice{
	background: url(../img/games/new/dice.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.dice::before{
	--background: url(../img/games/original/dice_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.unboxing{
	background: url(../img/games/new/unbox.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.unboxing::before{
	--background: url(../img/games/original/unboxing_overlaynew.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.casebattle{
	background: url(../img/games/new/casebattle.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.casebattle::before{
	--background: url(../img/games/original/casebattle_overlaynew.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.upgrader{
	background: url(../img/games/new/upgrader.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.upgrader::before{
	--background: url(../img/games/original/casebattle_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.minesweeper{
	background: url(../img/games/new/mines.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.minesweeper::before{
	--background: url(../img/games/original/minesweeper_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.tower{
	background: url(../img/games/new/tower.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.tower::before{
	--background: url(../img/games/original/tower_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.plinko{
	background: url(../img/games/new/plinko.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.plinko::before{
	--background: url(../img/games/original/plinko_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-option-image-content.slots{
	background: url(../img/games/new/slots.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}

.home-option-image-content.match_betting{
	background: url(../img/games/casino/match_betting.png) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}

.home-option-image-content.roulette{
	background: url(../img/games/new/roulette.webp) no-repeat 50% 50% var(--site-color-bg-dark);
	background-size: cover;
}
.home-option-image-content.roulette::before{
	--background: url(../img/games/original/roulette_overlay.png) no-repeat 50% 50%;
	background-size: cover;
}


/* END HOME */

/* OFFERS */

.offers-options-name {
	font-size: 16px;
    letter-spacing: 1px;
}

.offers-options {
	display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

.offers-options a.disabled{
	opacity: 1 !important;
}

.offers-options a.disabled .offers-option{
	background-color: #343437 !important;
}

.offers-options a.disabled .offers-option-image-content{
	background-color: #27272a !important;
}

.offers-option {
	height: 125px;
	background-color: var(--site-color-bg-light);
}

.offers-option-image-content {
	background-color: var(--site-color-bg-dark);
	width: 100%;
	height: 70%;
	position: relative;
}

.offers-option-info{
	position: absolute;
	bottom: 5px;
	right: 5px;
	background-color: var(--site-color-bg-light);
}

.offers-option-image {
	max-height: 80%;
    max-width: 80%;
}

.offers-option-name {
	width: 100%;
    height: 30%;
    font-size: 14px;
    letter-spacing: 2;
    font-weight: 500;
}

.header-items {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    gap: 5px;
    padding: 15px;
	border-bottom: 2px solid var(--site-color-bg-light);
	text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05rem;
    font-size: 12px;
}

/* END OFFERS */

/* OFFERS CRYPTO */

.qrcode {
	width: 150px;
	height: 150px;
	display: inline-table;
	border: 10px solid #ffffff;
	border-radius: 10px;
	position: relative;
	background-color: #ffffff;
}

.qrcode img {
	height: 100%;
}

.btc-coins {
	height: 28px;
	width: 28px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/btc_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.eth-coins {
	height: 28px;
	width: 28px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/eth_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.ltc-coins {
	height: 28px;
	width: 28px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/ltc_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.bch-coins {
	height: 28px;
	width: 28px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/bch_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.usdc-coins {
	height: 28px;
	width: 28px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/usdc_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.usdt-coins {
	height: 28px;
	width: 28px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/usdt_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.doge-coins {
	height: 28px;
	width: 28px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/doge_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.xrp-coins {
	height: 28px;
	width: 28px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/xrp_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.btc-coins-mini {
	height: 15px;
	width: 15px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/btc_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.eth-coins-mini {
	height: 15px;
	width: 15px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/eth_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.ltc-coins-mini {
	height: 15px;
	width: 15px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/ltc_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.bch-coins-mini {
	height: 15px;
	width: 15px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/bch_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.usdc-coins-mini {
	height: 15px;
	width: 15px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/usdc_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.usdt-coins-mini {
	height: 15px;
	width: 15px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/usdt_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.doge-coins-mini {
	height: 15px;
	width: 15px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/doge_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.xrp-coins-mini {
	height: 15px;
	width: 15px;
	display: inline-flex;
	vertical-align: middle;
	background: url(../img/methods/xrp_shop.png) no-repeat 50% 50%;
	background-size: contain;
}

.qrcode-crypto.qrcode-btc::after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/methods/btc_shop.png) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.qrcode-crypto.qrcode-eth::after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/methods/eth_shop.png) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.qrcode-crypto.qrcode-ltc::after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/methods/ltc_shop.png) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.qrcode-crypto.qrcode-bch::after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/methods/bch_shop.png) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.qrcode-crypto.qrcode-usdc::after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/methods/usdc_shop.png) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.qrcode-crypto.qrcode-usdt::after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/methods/usdt_shop.png) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.qrcode-crypto.qrcode-doge::after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/methods/doge_shop.png) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.qrcode-crypto.qrcode-xrp::after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/methods/xrp_shop.png) no-repeat 50% 50%;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

/* END OFFERS CRYPTO */

/* OFFERS STEAM & P2P */

.steam-bot {
	width: 150px;
}

.main-panel.content-items {
	width: calc(100% - 350px - 290px);
	right: 290px;
}

.content-spliter {
	overflow-y: auto;
	overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#list_items {
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

.bundle-items {
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.listing-item.bundle_offer {
	background: var(--site-color-bg-light-transparent);
}

.listing-item_extra {
	height: 300px !important;
}

.item-bundle-stickers-content {
    position: absolute;
    left: 4px;
    padding: 2px 0px;
    height: 100%;
    z-index: 1;
}

.item-bundle-content {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 7px;
}

.item-bundle-settings {
	background-color: #27273080;
    position: absolute;
    z-index: 2;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	opacity: 0;
}

.item-bundle {
	position: relative;
	background: #0000001a;
	width: 100%;
    height: 100%;
}

.item-bundle-time-content {
	height: 20px;
    font-weight: 400;
    letter-spacing: 0.05rem;
    font-size: 12px;
    color: #ffffffb3;
}

.item-pending-title {
	font-weight: 400;
    letter-spacing: 2px;
    font-size: 12px;
    color: #ffffffb3;
    text-indent: 10px;
}

.item-pending-status {
	font-weight: 400;
    letter-spacing: 2px;
    font-size: 10px;
    color: #ffffffb3;
    text-indent: 10px;
}

.item-bundle-image {
	height: 70%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.item-selected-content img, .item-bundle-image {
	height: 80%;
    width: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
	-webkit-filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.7));
}

.item-bundle-image-more {
	width: 100%;
	font-size: 14px;
    line-height: 1;
	font-weight: bold;
}

#pending-offers .listing-slot {
	margin: 0px 5px;
}

#pending-offers .listing-item.error {
	background-color: var(--site-color-danger);
}

#pending-offers .listing-item.success {
	background-color: var(--site-color-success);
}

.main-panel.content-items {
	width: calc(100% - 350px - 290px);
	right: 290px;
}

#select_bundle .modal-body {
	height: calc(100% - 160px);
    max-height: 700px;
    overflow-x: auto;
}

.item-selected-content {
	background: var(--site-color-bg-light);
	height: 70px;
    border: solid 1px var(--site-color-bg-light);
}

.listing-item.notaccepted {
	cursor: not-allowed !important;
}

.item-bundle-image:hover {
	height: 85%;
	transform: rotateZ(-2deg);
}

.listing-item.notaccepted .item-image {
	-webkit-filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.7)) grayscale(0.7);
    filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.7)) grayscale(0.7);
}

.item-wear-bar {
	position: absolute;
    height: 15px;
    bottom: 5px;
    left: 10px;
    right: 10px;
    overflow: hidden;
}

.item-wear-bar .wear-bar-pointer {
	position: absolute;
    font-size: 14px;
	border-radius: 100%;
}

.item-wear-bar .wear-bar-pointer:after {
	display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffff;
    margin-bottom: 2px;
}

.item-wear-bar .wear-bar-content {
	overflow: hidden;
    height: 4px;
    width: 100%;
}

.item-wear-bar .wear-bar-exterior {
	height: 100%;
	float: left;
}

.wear-bar-exterior.wear-bar-content-fn {
	background-color: #2cb8d7;
	width: 7%;
}

.wear-bar-exterior.wear-bar-content-mw {
	background-color: #cce52e;
	width: 8%;
}

.wear-bar-exterior.wear-bar-content-ft {
	background-color: #f1c425;
	width: 23%;
}

.wear-bar-exterior.wear-bar-content-ww {
	background-color: #fd8f29;
	width: 7%;
}

.wear-bar-exterior.wear-bar-content-bs {
	background-color: #ee484e;
	width: 55%;
}

.item-notaccepted {
	background-color: #27273080;
    color: white;
    position: absolute;
    z-index: 2;
    cursor: not-allowed;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.header-items {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    gap: 5px;
    padding: 15px;
	border-bottom: 2px solid var(--site-color-bg-light);
	text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05rem;
    font-size: 12px;
}

/* END OFFERS STEAM & P2P */

/* STEAM & P2P & UNBOXING & CASE BATTLE & DAILY CASES & CASE CREATOR */

.listing-item {
	height: 225px;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.listing-slot {
	border: solid 2px var(--site-color-bg-dark);
    background-color: var(--site-color-bg-light);
	height: 100%;
	position: relative;
}

.listing-slot .item-selected {
	background-color: #21934c;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -1;
	right: -1;
	border-bottom-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	color: #0f5b2d;
	z-index: 1;
}

.listing-item.active .listing-slot {
	border: solid 2px #21934c;
    background: #0f5b2d;
}

.item-name-content {
    position: absolute;
    bottom: 40px;
    font-size: 16px;
	z-index: 1;
	left: 10px;
	right: 0px;
	margin: auto;
}

.item-stickers-content {
    position: absolute;
    left: 10px;
    top: 20px;
    bottom: 70px;
	z-index: 1;
}

.item-stickers {
	flex-direction: column-reverse;
    height: 100%;
}

.item-sticker {
	height: calc(100% / 4);
    padding: 2px 0px;
}

.item-sticker img {
	height: 100%;
}

.item-tradelocked {
    position: absolute;
    bottom: 75px;
    font-weight: 400;
    letter-spacing: 0.1rem;
    font-size: 10px;
    z-index: 1;
    right: 10px;
    margin: auto;
    padding: 5px 10px;
    background-color: var(--site-color-bg-dark);
}

.item-price {
    position: absolute;
    bottom: 15px;
    font-size: 16px;
    font-weight: 500;
	z-index: 1;
	left: 10px;
	right: 0px;
	margin: auto;
}

.item-info {
    position: absolute;
    bottom: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffffb3;
	text-transform: uppercase;
	z-index: 1;
	right: 10px;
	left: 0px;
	margin: auto;
}

.item-wear {
    position: absolute;
    bottom: 10px;
    font-size: 10px;
    font-weight: 500;
	z-index: 1;
	left: 0px;
	right: 10px;
	margin: auto;
	color: #ffffffb3
}

.item-name-content .item-brand {
    font-size: 10px;
    font-weight: 500;
	color: #ffffffb3;
}

.item-name-content .item-name {
	font-size: 14px;
    font-weight: 600;
}

.item-image-content {
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    height: 60%;
}

.item-image {
	height: 80%;
    width: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
	z-index: 1;
	-webkit-filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.7));
}

.item-quality {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    font-weight: 500;
    letter-spacing: 0.05rem;
    font-size: 10px;
    color: #ffffffb3;
    padding: 5px 10px;
    text-transform: uppercase;
}

.item-chance {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    font-weight: 500;
    letter-spacing: 0.05rem;
    font-size: 10px;
    color: #ffffffb3;
    padding: 5px 10px;
    text-transform: uppercase;
}

.item-tickets {
	position: absolute;
    bottom: 4px;
    font-size: 10px;
    font-weight: 500;
	z-index: 1;
	left: 0px;
	right: 10px;
	margin: auto;
}

.listing-item:not(.notaccepted):hover .item-image {
	height: 85%;
	transform: rotateZ(-2deg);
}

/* END STEAM & P2P & UNBOXING */

/* DAILY CASES */

#dailycases_result_image{
	width: calc(100% - 20px);
}

.dailycases-case {
	height: 200px;
	overflow: hidden;
	position: relative;
}

.dailycases-case .listing-item {
	height: 100%;
}

.dailycases-case .reel-item {
	height: 100%;
    width: 150px;
	padding: 2px;
}

#dailycases_cases .case-item .case-name-content {
	bottom: 50px !important;
}

#dailycases_cases .case-item{
	cursor: unset !important;
}

#dailycases_cases{
	height: 600px;
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

.dailycases-case .pointer {
    width: 3px;
    background-color: var(--site-color-white);
    height: 100%;
    box-shadow: 0px 0px 15px var(--site-color-white);
}

.dailycases-list{
	display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
	overflow-x: auto;
    height: 250px;
}

@media (max-width: 768px){
	.dailycases-list{
		height: 150px !important;
	}
}

/* END DAILY CASES */

/* CASE CREATOR */

#casecreator_cases{
	height: 600px;
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

#casecreator_cases .case-item .case-name-content {
    bottom: 50px !important;
}

#casecreator_items {
	height: 600px;
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

/* END CASE CREATOR */

/* INVENTORY */

#inventory_list {
	height: 600px;
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

.item-inventory-settings {
	background-color: #27273080;
    position: absolute;
    z-index: 2;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	opacity: 0;
}

/*

.inventory_item.notaccepted .item-inventory-settings{
	display: none !important;
}

.inventory_item:not(.notaccepted) .item-notaccepted{
	display: none !important;
}

.inventory_item:not(.notaccepted) .item-info{
	display: none !important;
}

*/

/* END INVENTORY */

/* UNBOXING & CASE BATTLE & DAILY CASES & CASE CREATOR */

.case-slot{
	border: solid 2px var(--site-color-bg-dark);
    background: var(--site-color-bg-light);
	height: 100%;
	position: relative;
}

.case-item.active .case-slot {
	border: solid 2px #21934c !important;
    background: #0f5b2d !important;
}

.case-price {
    position: absolute;
    bottom: 5px;
    font-weight: 500;
	z-index: 1;
	left: 10px;
	right: 0px;
	margin: auto;
	font-size: 16px;
}

.case-name-content {
    position: absolute;
    bottom: 30px;
	z-index: 1;
	left: 10px;
	right: 0px;
	margin: auto;
	font-size: 16px;
    font-weight: 600;
}

.case-image-content {
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    height: 70%;
}

.case-image {
	height: 100%;
    width: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
	z-index: 1;
	-webkit-filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.7));
}

.case-action {
	position: absolute;
	bottom: 10;
	transform: translate(-50%, 0);
	left: 50%;
}

.case-item:hover .case-image {
	height: 85%;
	transform: rotateZ(-2deg);
}

/* END UNBOXING & CASE BATTLE & DAILY CASES & CASE CREATOR */

/* CASE BATTLE */

#casebattle_create_list{
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

#casebattle_add_list{
	height: 600px;
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

#casebattle_roundlist, #casebattle_itemslist{
	max-width: 1600px;
	width: 100%;
}

.casebattle-container{
	height: 300px;
}

.casebattle-emojis{
	position: absolute;
	height: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0;
}

.casebattle-emojis:not(.active){
	display: none;
}
	
.casebattle-emojis-arena{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	width: 0px;
	height: 0px;
}

.casebattle-emojis-arena:not(.active){
	display: none;
}

.casebattle-emojis-arena .casebattle-emoji{
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%);
	height: 0px;
	width: 0px;
	opacity: 0;
	
	-webkit-animation: casebattle_emoji 2s ease-out forwards;
	-moz-animation: casebattle_emoji 2s ease-out forwards;
	-o-animation: casebattle_emoji 2s ease-out forwards;
	animation: casebattle_emoji 2s ease-out forwards;
}

@keyframes casebattle_emoji {
	0% {
		bottom: -20px;
		height: 0px;
		width: 0px;
		opacity: 0;
	}
	
	20% {
		opacity: 1;
	}
	
	80% {
		bottom: 60px;
		height: 100px;
		width: 100px;
		opacity: 1;
	}
	
	100% {
		bottom: 200px;
		height: 300px;
		width: 300px;
		opacity: 0;
	}
}

@-webkit-keyframes casebattle_emoji {
	0% {
		bottom: -20px;
		height: 0px;
		width: 0px;
		opacity: 0;
	}
	
	20% {
		opacity: 1;
	}
	
	80% {
		bottom: 60px;
		height: 100px;
		width: 100px;
		opacity: 1;
	}
	
	100% {
		bottom: 200px;
		height: 300px;
		width: 300px;
		opacity: 0;
	}
}



.casebattle-emojis-list{
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	height: 60px;
}

.casebattle-emojis-list:not(.active){
	display: none;
}

.casebattle-emojis-list .casebattle-emoji {
	cursor: pointer;
}

#casebattle_roundlist > div:not(:last-child):after{
	content: "";
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background:  url('../img/swords1.png') no-repeat;
	background-position: 50%;
	background-size: 30px;
	background-color: var(--site-color-main-transparent);
	border: solid 2px var(--site-color-main);
	position: absolute;
	z-index: 2;
}

.casebattle-drops{
	min-height: 0px !important;
	max-height: 300px;
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 175px;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}

.casebattle-drops .listing-item{
	height: 175px;
}

.casebattle_betitem{
	border-radius: 4rem 0.25rem 0.25rem 4rem;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 80px;
}

.casebattle-game{
	border-radius: 4rem 0.25rem 0.25rem 4rem;
	padding-left: 100px;
	height: 85px;
}

.casebattle-round{
	position: absolute;
	height: 100%;
	aspect-ratio: 1;
	left: 0;
	font-size: 20px;
	border-color: #9370db;
	color: var(--site-color-main);
    background: radial-gradient(50% 50% at 50% 50%, #272731 60%, #64528e 100%);
}

.casebattle-round.active{
	border-color: #ffe063;
	color: #ffe063;
    background: radial-gradient(50% 50% at 50% 50%, #272731 60%, #93834a 100%);
}

.casebattle-round.success{
	border-color: #00e258;
	color: #00e258;
    background: radial-gradient(50% 50% at 50% 50%, #272731 60%, #138444 100%);
}

.casebattle-round.danger{
	border-color: #ff5548;
	color: #ff5548;
    background: radial-gradient(50% 50% at 50% 50%, #272731 60%, #933e3c 100%);
}

.casebattle-round::after{
	content: "";
	position: absolute;
	height: 50%;
	border-radius: 50%;
	aspect-ratio: 1;
	box-shadow: var(--site-color-main) 0px 0px 10px, var(--site-color-main) 0px 0px 10px inset;
	border: solid 2px var(--site-color-main);
}

.casebattle-round.active::after{
	box-shadow: #ffe063 0px 0px 10px, #ffe063 0px 0px 10px inset;
	border: solid 2px #ffe063;
}

.casebattle-round.success::after{
	box-shadow: #00e258 0px 0px 10px, #00e258 0px 0px 10px inset;
	border: solid 2px #00e258;
}

.casebattle-round.danger::after{
	box-shadow: #ff5548 0px 0px 10px, #ff5548 0px 0px 10px inset;
	border: solid 2px #ff5548;
}

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

.casebattle-icon.small{
	min-width: 50px;
	width: 50px;
	height: 50px;
}

.casebattle-icon.medium{
	min-width: 75px;
	width: 75px;
	height: 75px;
}

.casebattle-icon.reel{
	width: 100%;
	min-height: 120px;
}

.casebattle-icon.reel img{
	max-width: 150px !important;
}

.casebattle-icon.active{
	border: solid 2px var(--site-color-main) !important;
}

@media (min-width: 768px){
	#casebattle_roundlist > div .casebattle_rounditem:nth-child(2) .casebattle-container {
		border-left: solid 2px var(--site-color-bg-dark);
	}

	#casebattle_roundlist > div .casebattle_rounditem:first-child:nth-last-child(2) .casebattle-user { margin-right: 5px; }
	#casebattle_roundlist > div .casebattle_rounditem:nth-child(2) .casebattle-user { margin-left: 5px; }

	#casebattle_roundlist > div:not(:last-child):after{
		top: 50%;
		transform: translate(0, -50%);
		right: calc(-25px - 5px);
	}
}

@media (max-width: 768px){
	.casebattle_betitem{
		border-radius: 20px 0.25rem 0.25rem 0.25rem;
		padding-left: 20px;
		font-size: 14px;
	}
	
	.casebattle_rounditem{
		max-width: 100%;
	}
	
	.casebattle-game {
		border-radius: 20px 0.25rem 0.25rem 0.25rem;
		padding-left: 55px;
	}
	
	.casebattle-round{
		height: 40px;
		top: 0;
		font-size: 12px;
	}
	
	#casebattle_roundlist > div{
		gap: 10px;
	}
	
	#casebattle_roundlist > div:not(:last-child):after{
		left: 50%;
		transform: translate(-50%);
		bottom: calc(-25px - 5px);
	}
}

/* END CASE BATTLE */

/* ROULETTE & JACKPOT & UNBOXING */

.group-reel {
	transform: translate3d(0px, 0px, 0px);
	position: absolute;
	height: 100%;
	width: auto;
}

/* END ROULETTE & JACKPOT & UNBOXING */

/* ROULETTE */

.roulette-case {
	height: 65px;
	overflow: hidden;
}

.roulette-case .reel-item {
	height: 60px;
    width: 60px;
    font-size: 20px;
    font-weight: 400;
    color: var(--site-color-text);
	border: 5px solid transparent;
}

.reel-red {
    background-color: #ea2331;
	--background: linear-gradient(to bottom, #ea2331 25%, #f2312e 60%, #f43e3a 60%, #fc5038 100%);
}

.reel-purple {
    background-color: #2066db;
	--background: linear-gradient(to bottom, #1d52aa 25%, #1d52aa 60%, #1d52aa 60%, #2979ff 100%);
}

.reel-black {
    background-color: #373838;
	--background: linear-gradient(to bottom, #464646 25%, #373737 60%, #434343 60%, #373737 100%);
}

.pick-ball {
	border-radius: 50%;
	color: var(--site-color-text);
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-right: 5px;
}

.pick-ball.small{
	width: 25px;
	height: 25px;
	font-size: 14px;
}

.pick-ball.large{
	width: 50px;
	height: 50px;
	font-size: 18px;
}

.pick-ball-red{
	background: linear-gradient(to right, #ea2331 0%, #fb452c 100%);
}

.pick-ball-purple{
	background: linear-gradient(to right, #1d52aa 0%, #1d52aa 100%);
}

.pick-ball-black{
	background: linear-gradient(to right, #1b1b1b 0%, #343434 100%)
}

.roulette-case .pointer {
	width: 3px;
    background-color: var(--site-color-white);
    height: 100%;
    box-shadow: 0px 0px 15px var(--site-color-white);
}

.bet-button {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	height: 50px;
	text-transform: uppercase;
	border-radius: 0px;
}

#roulette_panel_red .bet-button {
	background: linear-gradient(to right, #ea2331 0%, #fb452c 100%);
	border: 1px solid #fb452c;
}

#roulette_panel_red .roulette-high.stats-panel {
	border: 1px solid #ea2331;
}

#roulette_panel_red {
	color: #fb452c;
}

#roulette_panel_purple .bet-button {
	background: linear-gradient(to right, var(--site-color-main) 0%, #1d52aa 100%);
	border: 1px solid #a68fd4;
}

#roulette_panel_purple .roulette-high.stats-panel {
	border: 1px solid var(--site-color-main);
}

#roulette_panel_purple {
	color: #2066db;
}

#roulette_panel_black .bet-button {
	background: linear-gradient(to right, #1b1b1b 0%, #343434 100%);
	border: 1px solid #343434;
}

#roulette_panel_black .roulette-high.stats-panel {
	border: 1px solid #9d9d9d;
}

#roulette_panel_black {
	color: #9d9d9d;
}

.roulette-high.stats-panel {
	height: unset;
}

.roulette-betitem.stats-panel {
	height: 50px;
}

/* END ROULETTE */

/* CRASH */

.crash-messages{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	flex-wrap: wrap;
	line-height: 1.2;
	z-index: 1;
}

.crash-message{
	text-align: center;
	display: none;
}

.crash-button{
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	z-index: 2;
}

.crash-animation{
	position: absolute;
	left: 0;
	right: 0;
    top: 0;
    bottom: 0;
}

.crash-rocket {
	position: absolute;
	left: 0;
    bottom: 100%;
	height: 0px;
}

.crash-rocket-content{
	position: absolute;
	top: -60px;
	height: 120px;
}

.crash-rocket .rocket {
	position: absolute;
	top: 0;
    height: 90%;
	z-index: 1;
}

.crash-rocket .fire {
	position: absolute;
	bottom: 0;
	height: 30%;
	z-index: 0;
}

.crash-rocket .explosion {
	position: absolute;
	height: 50%;
	z-index: 0;
}

.crash-graph {
	overflow: hidden;
}

.crash-info{
	position: absolute;
	bottom: 40px;
	right: 20px;
	color: var(--site-color-text);
}

.crash-roll{
	padding: 5px 10px;
	border-radius: 0.25rem;
}

.crash-roll.low{
	background: linear-gradient(to right, #632c30 0%, #5c2e30 100%);
    border: 2px solid #5c2e30;
	color: #ff5548;
}

.crash-roll.medium{
	background: linear-gradient(to right, #433b5b 0%, #47415a 100%);
    border: 1px solid #47415a;
	color: #9370db;
}

.crash-roll.high{
	background: linear-gradient(to right, #1d573d 0%, #1d5d44 100%);
    border: 2px solid #1d5d44;
	color: #00e258;
}

.crash-graph.starting .starting{
	display: block;
}

.crash-graph.progress .progress{
	display: block;
}

.crash-graph.crashed .progress{
	display: block;
}

.crash-graph.starting {
	color: #bbbbd2 !important;
}

.crash-graph.progress {
	color: #4caf50 !important;
}

.crash-graph.crashed {
	color: #F93131 !important;
}

.crash-graph .progress div:first-child {
	display: none;
}

.crash-graph.crashed .progress div:first-child {
	display: block;
}

#crash_history{
	overflow: hidden;
	z-index: 10;
	position: relative;
	bottom:0;
}

/* END CRASH */

/* JACKPOT */

.jackpot-case {
	height: 90px;
	padding: 5px 0px;
	overflow: hidden;
	background-color: var(--site-color-bg-body);
}

.jackpot-case .reel-item {
	height: 80px;
    width: 80px;
	padding: 2px;
}

.jackpot-case .pointer {
	width: 3px;
    background-color: var(--site-color-white);
    height: 100%;
    box-shadow: 0px 0px 15px var(--site-color-white);
}

.jackpot-game {
	height: 60px;
}

.jackpot-grid-bets {
	min-height: 60px;
	display: grid;
    gap: 0.5rem;
    grid-auto-rows: 60px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

/* END JACKPOT */

/* COINFLIP */

.coinflip-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

.coinflip-game {
	height: 200px;
}

.coinflip-fair {
	width: 100px;
	color: #ffffffb3;
}

.coinflip-fair-content {
	z-index: 2;
}

.coinflip-coin {
	z-index: 1;
	position: absolute;
	transform-style: preserve-3d;
}

.coinflip-pick-0, .coinflip-pick-1 {
	z-index: 1;
	position: absolute;
	width: 100px;
	height: 100px;
}

.coinflip-pick-0 {
	border-radius: 50%;
    background-image: url('../img/coinflip/coin0.png');
    background-size: cover;
	
	-webkit-transform: rotateZ(45deg) scaleX(1);
	-moz-transform: rotateZ(45deg) scaleX(1);
	transform: rotateZ(45deg) scaleX(1);
}

.coinflip-pick-1 {
	border-radius: 50%;
	background-image: url('../img/coinflip/coin1.png');
	background-size: cover;
	
	-webkit-transform: rotateZ(45deg) scaleX(-1);
	-moz-transform: rotateZ(45deg) scaleX(-1);
	transform: rotateZ(45deg) scaleX(-1);
}

.coinflip-pick img {
	height: 100%;
	width: 100%;
}

.coinflip-coin .front {
    transform: translateZ(1px);
    border-radius: 50%;
    background-image: url('../img/coinflip/coin0.png');
    background-size: cover;
    display: block;
}

.coinflip-coin .back {
	transform: translateZ(-1px);
	border-radius: 50%;
	background-image: url('../img/coinflip/coin1.png');
	background-size: cover;
	display: block;
}

.coinflip-coin.coinflip-coin-animation-0 {
	-webkit-animation: coinflip_coin_0 3s ease-out forwards;
	-moz-animation: coinflip_coin_0 3s ease-out forwards;
	-o-animation: coinflip_coin_0 3s ease-out forwards;
	animation: coinflip_coin_0 3s ease-out forwards;
}

.coinflip-coin.coinflip-coin-animation-1 {
	-webkit-animation: coinflip_coin_1 3s ease-out forwards;
	-moz-animation: coinflip_coin_1 3s ease-out forwards;
	-o-animation: coinflip_coin_1 3s ease-out forwards;
	animation: coinflip_coin_1 3s ease-out forwards;
}

@keyframes coinflip_coin_0 {
	0% {
		-webkit-transform: rotateZ(0) rotateY(0);
		-moz-transform: rotateZ(0) rotateY(0);
		transform: rotateZ(0) rotateY(0);
		
		width: 50px;
		height: 50px;
	}
	75% {
		-webkit-transform: rotateZ(30deg) rotateY(1890deg);
		-moz-transform: rotateZ(30deg) rotateY(1890deg);
		transform: rotateZ(30deg) rotateY(1890deg);
		
		width: 225px;
		height: 225px;
	}
	
	100% {
		-webkit-transform: rotateZ(45deg) rotateY(2520deg);
		-moz-transform: rotateZ(45deg) rotateY(2520deg);
		transform: rotateZ(45deg) rotateY(2520deg);
		
		width: 100px;
		height: 100px;
	}
}

@-webkit-keyframes coinflip_coin_0 {
	0% {
		-webkit-transform: rotateZ(0) rotateY(0);
		-moz-transform: rotateZ(0) rotateY(0);
		transform: rotateZ(0) rotateY(0);
		
		width: 50px;
		height: 50px;
	}
	75% {
		-webkit-transform: rotateZ(30deg) rotateY(1890deg);
		-moz-transform: rotateZ(30deg) rotateY(1890deg);
		transform: rotateZ(30deg) rotateY(1890deg);
		
		width: 225px;
		height: 225px;
	}
	
	100% {
		-webkit-transform: rotateZ(45deg) rotateY(2520deg);
		-moz-transform: rotateZ(45deg) rotateY(2520deg);
		transform: rotateZ(45deg) rotateY(2520deg);
		
		width: 100px;
		height: 100px;
	}
}

@keyframes coinflip_coin_1 {
	0% {
		-webkit-transform: rotateZ(0) rotateY(0);
		-moz-transform: rotateZ(0) rotateY(0);
		transform: rotateZ(0) rotateY(0);
		
		width: 50px;
		height: 50px;
	}
	75% {
		-webkit-transform: rotateZ(30deg) rotateY(1890deg);
		-moz-transform: rotateZ(30deg) rotateY(1890deg);
		transform: rotateZ(30deg) rotateY(1890deg);
		
		width: 225px;
		height: 225px;
	}
	
	100% {
		-webkit-transform: rotateZ(45deg) rotateY(2700deg);
		-moz-transform: rotateZ(45deg) rotateY(2700deg);
		transform: rotateZ(45deg) rotateY(2700deg);
		
		width: 100px;
		height: 100px;
	}
}

@-webkit-keyframes coinflip_coin_1 {
	0% {
		-webkit-transform: rotateZ(0) rotateY(0);
		-moz-transform: rotateZ(0) rotateY(0);
		transform: rotateZ(0) rotateY(0);
		
		width: 50px;
		height: 50px;
	}
	75% {
		-webkit-transform: rotateZ(30deg) rotateY(1890deg);
		-moz-transform: rotateZ(30deg) rotateY(1890deg);
		transform: rotateZ(30deg) rotateY(1890deg);
		
		width: 225px;
		height: 225px;
	}
	
	100% {
		-webkit-transform: rotateZ(45deg) rotateY(2700deg);
		-moz-transform: rotateZ(45deg) rotateY(2700deg);
		transform: rotateZ(45deg) rotateY(2700deg);
		
		width: 100px;
		height: 100px;
	}
}

.coinflip-player.active {
	opacity: 0.5;
}

.coinflip-select:hover{
    box-shadow: 0 0 20px var(--site-color-main) !important;
    opacity: 1 !important;
}

.coinflip-select.active {
	box-shadow: 0 0 20px var(--site-color-main) !important;
	opacity: 1 !important;
}

/* END COINFLIP */

/* DICE */

.dice-grid {
	display: -ms-grid;
    display: grid;
	grid-template-rows: auto;
	grid-template-columns: auto;
	/*grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);*/
	row-gap: 5px;
    column-gap: 5px;
}

.dice-slots {
	display: inline-flex;
    height: 60px;
    width: auto;
    position: relative;
    overflow: hidden;
}

.dice-slots-column {
	transform: translate3d(0px, calc(-(40px * 10 + (60px - 40px) / 2)), 0px);
	margin: 2px;
}

.dice-slots-row {
	background: var(--site-color-bg-light);
	font-size: 20px;
    font-weight: bold;
	width: 50px;
	height: 40px;
}

.dice-result {
	width: 100%;
    padding: 0 10px;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
}

.dice-result-bar {
    left: 0%;
    position: relative;
}

/* END DICE */

/* UNBOXING */

.history-content.unboxing:hover .unboxing { opacity: 0; }
.history-content.unboxing:hover .case { opacity: 1; }

.history-content .unboxing .image {
    height: calc(100% - 10px);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin: auto;
}

.history-content .unboxing .exterior {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    font-size: 10px;
}

.history-content .unboxing .chance {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    font-size: 10px;
}

.history-content .unboxing .name {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
    font-size: 13px;
}

.history-content .unboxing .name div:first-child {
    font-size: 12px;
}

.history-content .unboxing .price {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
    font-size: 14px;
}

.history-content .case {
	opacity: 0;
}

.history-content .case .image {
    height: calc(100% - 10px);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin: auto;
}

.history-content .case .name {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    font-size: 16px;
}

.history-content .case .price {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
    font-size: 14px;
}

.unboxing-case {
	position: relative;
	height: 225px;
}

.unboxing-case-image {
	position: absolute;
	top: 0;
	bottom: 60%;
}

.unboxing-case-mainitem {
    width: 50%;
	margin: auto;
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
	z-index: 1;
}

.unboxing-case:hover .unboxing-case-mainitem{
	width: 60% !important;
}

#unboxing_list_cases{
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
	display: grid;
    gap: 0.5rem;
	grid-auto-rows: 225px;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

#unboxing_list_cases .case-item{
	height: 225px;
}

.unboxing-case-name {
	position: absolute;
	bottom: 0;
	top: 60%;
}

.unboxing-case {
	height: 200px;
}

.unboxing-case .listing-item {
	height: 100%;
}

.unboxing-case .reel-item {
	height: 100%;
    width: 150px;
	padding: 2px;
}

.unboxing-case .pointer {
    width: 3px;
    background-color: var(--site-color-white);
    height: 100%;
    box-shadow: 0px 0px 15px var(--site-color-white);
}

.unboxing-list{
	display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
}

/* END UNBOXING */

/* MINESWEEPER */

.minesweeper-grid {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(5, minmax(0px, 80px));
	grid-template-rows: repeat(5, minmax(0px, 80px));
}

.minesweeper-grid .bomb {
	overflow: hidden;
	background: var(--site-color-gray-light);
	cursor: pointer;
	font-size: 14px;
    font-weight: bold;
}

.minesweeper-grid .bomb.danger {
	background: var(--site-color-danger) !important;
}

.minesweeper-grid .bomb.success {
	background: var(--site-color-success) !important;
}

.minesweeper-grid .bomb.danger::after{
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	background: url(../img/minesweeper_bomb.png) no-repeat 50% 50%;
	background-size: contain;
}

/* MINESWEEPER */
.stats-mines {
	width: 100%;
	float: left;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	margin: 15px 0 0;
}

@media (max-width: 768px) {
	.stats-mines {
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
}

.stats-mines .box {
	background: var(--site-color-bg-dark);
	border-radius: 8px;
	text-align: center;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.stats-mines .box p {
	margin: 0;
	color: #596076;
	font-weight: 600;
	text-transform: uppercase;
}

.stats-mines .box div span {
	font-size: 18px;
	font-weight: 600;
}


/* END MINESWEEPER */

/* TOWER */

.tower-grid {
	display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, minmax(50px, 250px));
    grid-template-rows: repeat(10, minmax(0px, 30px));
}

.tower-grid .tile{
	position: relative;
	background: var(--site-color-gray-light);
	cursor: pointer;
	font-size: 12px;
    font-weight: bold;
}

.tower-grid .tile.danger{
	background: var(--site-color-danger) !important;
}

.tower-grid .tile.success {
	background: var(--site-color-success) !important;
}

.tower-grid .tile.checked{
	background: #a7b58d !important;
}

/* END TOWER */

/* PLINKO */

.plinko-grid {
	height: 400px;
}

.plinko-grid .stage {
	height: calc(100% / 15);
}

.plinko-grid .hole {
	width: calc(100% / 16);
}

.plinko-grid .hole:after {
	display: block;
	content: "";
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background: #ffffffb3;
}

.plinko-winnings div {
	width: calc(100% / 16);
	border: solid 1px;
	padding: 5px;
	height: 30px;
	font-size: 12px;
	
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.plinko-winnings.low div {
	border-color: var(--site-color-success);
	color: var(--site-color-success);
}
.plinko-winnings.medium div {
	border-color: var(--site-color-warning);
	color: var(--site-color-warning);
}
.plinko-winnings.high div {
	border-color: var(--site-color-danger);
	color: var(--site-color-danger);
}

#plinko-arena {
	height: calc(100% / 16 * 15);
	width: 0;
}

.plinko-ball{
	position: absolute;
	height: 20px;
	width: 0;
}

.plinko-ball.low:after, .plinko_bet.low { background: var(--site-color-success); }
.plinko-ball.medium:after, .plinko_bet.medium { background: var(--site-color-warning); }
.plinko-ball.high:after, .plinko_bet.high { background: var(--site-color-danger); }

.plinko-ball:after{
	display: block;
	content: "";
	height: 20px;
	width: 20px;
	border-radius: 50%;
}

/* END PLINKO */

/* SUPPORT */

.support-content .support-ticket:not(.active):hover{
	background: var(--site-color-bg-light);
}

.support-content .support-ticket:not(:last-child){
	border-bottom: solid 2px var(--site-color-bg-light);
}

.support-ticket:not(:first-child):not(.active) {
	margin-top: 0px !important;
}

.support-ticket:not(:first-child) {
	margin-top: 10px;
}

.support-ticket:not(:last-child):not(.active) {
	margin-bottom: 0px !important;
}

.support-ticket:not(:last-child) {
	margin-bottom: 10px;
}

.support-ticket .description {
	height: auto;
	max-height: 100vh;
	color: #ffffffb3;
	overflow-y: auto;
}

.support-ticket .messages {
	height: 300px;
	overflow-y: auto;
}

.support-ticket .message {
	border-radius: 0 0.5rem 0.5rem 0.5rem;
	background: var(--site-color-bg-light);
	color: var(--site-color-text);
}

.support-ticket .message.response {
	background: #344039 !important;
}

.support-ticket:not(.active) .description {
	max-height: 0px !important;
}

/* END SUPPORT */

/* FAQ */

.faq-panel {
	border-radius: 5px;
	background: var(--site-color-bg-light);
	color: #ffffff !important;
	text-align: left;
}

.faq-item .description {
	height: auto;
	max-height: 100vh;
	overflow-y: hidden;
}

.faq-item:not(.active) .description {
	max-height: 0px !important;
}

.faq-item .description > div {
	text-indent: 5px;
}

.faq-item .description > div:before{
	content: '-';
	margin-right: 5px;
}

.faq-panel .faq-item>* {
	color: var(--site-color-main-light) !important;
}

.faq-panel .faq-item img{
	height: 15px;
}

.faq-panel .faq-item:not(:last-child){
	border-bottom: solid 2px var(--site-color-bg-dark);
}

.faq-item.active .faq-open{
	transform: rotateZ(180deg);
}

/* END FAQ */

/* FAIR */

.fair-category {
	background: var(--site-color-bg-light);
}

.fair-category:not(:first-child):not(.active) {
	margin-top: 0px !important;
}

.fair-category:not(:first-child) {
	margin-top: 10px;
}

.fair-category:not(:last-child):not(.active) {
	margin-bottom: 0px !important;
}

.fair-category:not(:last-child) {
	margin-bottom: 10px;
}

.fair-category:not(.active):hover {
	background: var(--site-color-bg-active) !important;
}

.fair-category .description {
	height: auto;
	max-height: 200vh;
	color: #ffffffb3;
	overflow-y: auto;
}

.fair-category:not(.active) .description {
	max-height: 0px !important;
}

.fair-category:not(:last-child) {
	border-bottom: solid 2px var(--site-color-bg-dark);
}

.fair-games{
	width: 100%;
    overflow: hidden;
    overflow-y: auto;
    display: grid;
    gap: 0.5rem;
    grid-auto-rows: 120px;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.fair-results{
	overflow-y: auto;
}

/* END FAIR */

/* DASHBOARD */

.dashboard-loader{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.dashboard-stats-grid{
	display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.dashboard-stats {
	height: 100px;
	background-color: var(--site-color-bg-light-transparent);
	border: solid 2px var(--site-color-bg-light);
}

/* END DASHBOARD */

/* ADMIN */

.admin-user-grid {
	display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.admin-user-settings {
	height: 200px;
}

/* END ADMIN */

/* CODE */

.language-javascript {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
	background: #1e1e1e;
	padding: 0.5rem;
	border-radius: 0.25rem;
	white-space: nowrap;
    overflow-y: auto;
}

.language-javascript .line .keyword {
	color: #c586c0;
}

.language-javascript .line .operator, .language-javascript .line .punctuation {
	color: #d4d4d4;
}

.language-javascript .line .parameter, .language-javascript .line .variable  {
	color: #9cdcfe;
}

.language-javascript .line .number {
	color: #b5cea8;
}

.language-javascript .line .string {
	color: #ce9178;
}

.language-javascript .line .comment {
	color: #6a9955;
}

.language-javascript .line .function {
	color: #dcdcaa;
}

.language-javascript .line.end {
	margin-bottom: 1rem;
}

/* END CODE */

/* OTHERS */

.game-info {
	word-break: break-all;
	font-size: 12px;
	color: var(--site-color-text);
}

/* END OTHERS */