div[data-page="rockpaperscissors"] > div.navbar{
	background: transparent!important;
}
div[data-page="rockpaperscissors"] > div.page-content{
	background-image: url(https://static.sheepola.com/imagegame/rockpaperscissors/EXport-02.png)!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-color: #2d2268!important;
	background-position: center!important;
	background-position: bottom center!important;
	padding-top: 0px;
}

div[data-page="rockpaperscissorsplay"] > div.navbar{
	background: transparent!important;
}

div[data-page="rockpaperscissorsplay"] > div.page-content{
	background-image: url(https://static.sheepola.com/imagegame/rockpaperscissors/EXport-24.png)!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-color: #2d2268!important;
	background-position: center!important;
	background-position: bottom center!important;
	padding-top: 0px;
}

.rockpaperscissors_landing_block{
	margin: auto;
}

.rockpaperscissors_landing{
	position: relative;
}

.rockpaperscissors_landing img{
	max-width: 100%;
	width: 100%;
}
.rockpaperscissors_landing_play {
	margin: auto;
	text-align: -webkit-center;
	text-align: center;
}

.rockpaperscissors_landing_play img {
	width: 90%;
}

.rockpaperscissors_landing_logo {
	position: absolute;
	top: 60px;
	width: 100%;
	text-align: -webkit-center;
}

.rockpaperscissors_play_pic_profiles{
	background-repeat: no-repeat;
	background-size: 88%;
	background-position: center;
	border-radius: 35px;
}
.rockpaperscissors_play_pic {
	position: absolute;
	top: 20px;
	right: 50px;
	width: 120px;
}

.rockpaperscissors_play_picimgblock{
	margin: auto;
	position: relative;
	height: 160px;
}

.rockpaperscissors_play_picimg {
	width: 80%;
	bottom: 0;
	position: absolute;
	max-width: fit-content;
	margin-left: 15px;
}


.rockpaperscissors_play_picuser{
	width: 100%;
	bottom: 0;
}

.rockpaperscissors_play_picuser_block_coin{
	position: absolute;
	left: 0;
	bottom: 20px;
}

.rockpaperscissors_play_picuser_block_profiles{
	position: absolute;
	right: 0;
	bottom: 0px;
}
.rockpaperscissors_play_mini_logo{
	margin-bottom: -72px;
}
.rockpaperscissors_play_row{
	margin-top: 112px;
}


@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {
	.rockpaperscissors_play_mini_logo{
		margin-bottom: -45px;
	}
	.rockpaperscissors_play_row{
		margin-top: 50px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {

	.rockpaperscissors_play_pic {
		position: absolute;
		top: 10%;
		right: 18%;
		width: 230px;
	}

	.rockpaperscissors_play_block{
		margin-top: 30px;
	}

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

	.rockpaperscissors_play_picimg {
		position: unset;
	}

	.rockpaperscissors_landing img {
		max-width: fit-content;
	}

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

	.rockpaperscissors_landing_shee_round {
		top: 8px!important;
		right: 72px!important;
		font-size: -webkit-xxx-large!important;
	}

	.rockpaperscissors_play_picuser_block_profiles {
		right: 8%;
		bottom: 25px;
		width: 20%!important;
		width: -webkit-calc((100% - 15px*4)/ 5)!important;
		width: calc((100% - 15px*4)/ 5)!important;

	}

	.rockpaperscissors_play_picuser_block_coin {
		left: 8%;
		bottom: 25px;
		width: 10%!important;
		width: -webkit-calc((100% - 15px*9)/ 10)!important;
		width: calc((100% - 15px*9)/ 10)!important;

	}

}

@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {

	.rockpaperscissors_play_pic {
		position: absolute;
		top: 10%;
		right: 27%;
		width: 230px;
	}

	.rockpaperscissors_play_one{
		text-align: -webkit-right;
		text-align: right;
	}
	.rockpaperscissors_play_three{
		text-align: -webkit-left;
		text-align: left;
	}

	.rockpaperscissors_play_picuser_block_coin {
		left: 16%;
	}


	.rockpaperscissors_play_picuser_block_profiles {
		right: 16%;
	}

	.rockpaperscissors_landing_shee_round {
		top: 6px!important;
		right: 200px!important;
		font-size: -webkit-xxx-large!important;
	}

	.rockpaperscissors_coin_text {
		font-size: -webkit-xxx-large!important;
		line-height: 66px!important;
	}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 


	.rockpaperscissors_play_picimgblock {
		margin: auto;
		position: relative;
		height: 110px;
	}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	.rockpaperscissors_play_picimgblock {
		margin: auto;
		position: relative;
		height: 167px;
	}
}

.rockpaperscissors_play_pic{

}

.rockpaperscissors_play_pic_rand{
	filter: blur(0px);
}

.rockpaperscissors_in_top {
	-webkit-animation: rockpaperscissors_in_top_slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: rockpaperscissors_in_top_slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.rockpaperscissors_wave {
	animation: wavein-in-top 2s ease-in-out infinite;
	-webkit-animation: wavein-in-top 2s ease-in-out infinite;
}
@-webkit-keyframes wavein-in-top {
	0% {
		margin-top: 0px;
		padding-bottom: 40px;
		opacity: 1;
	}
	50% {
		margin-top: 20px;
		padding-bottom: 20px;
		opacity: 0.7;
	}
	100% {
		margin-top: 0px;
		padding-bottom: 40px;
		opacity: 1;
	}
}
@keyframes wavein-in-top {
	0% {
		margin-top: 0px;
		padding-bottom: 40px;
		opacity: 1;
	}
	50% {
		margin-top: 20px;
		padding-bottom: 20px;
		opacity: 0.7;
	}
	100% {
		margin-top: 0px;
		padding-bottom: 40px;
		opacity: 1;
	}
}

.rockpaperscissors_blinker {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	10% {
		-webkit-transform: scale(0.91);
		transform: scale(0.91);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	17% {
		-webkit-transform: scale(0.98);
		transform: scale(0.98);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	33% {
		-webkit-transform: scale(0.87);
		transform: scale(0.87);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	45% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}
@keyframes heartbeat {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	10% {
		-webkit-transform: scale(0.91);
		transform: scale(0.91);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	17% {
		-webkit-transform: scale(0.98);
		transform: scale(0.98);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	33% {
		-webkit-transform: scale(0.87);
		transform: scale(0.87);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	45% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}


@-webkit-keyframes rockpaperscissors_in_top_slide-in-top {
	0% {
		-webkit-transform: translateY(-1000px);
		transform: translateY(-1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes rockpaperscissors_in_top_slide-in-top {
	0% {
		-webkit-transform: translateY(-1000px);
		transform: translateY(-1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}


.rockpaperscissors_setwinlostdraw_block{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.rockpaperscissors_setwinlostdraw {
	width: -webkit-fill-available;
	position: fixed;
	bottom: 10%;
	left: 50%;
	z-index: 9;
}

.setinwlosedraw-slide-in-bck-center {
	-webkit-animation: setinwlosedraw-slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: setinwlosedraw-slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes setinwlosedraw-slide-in-bck-center {
	0% {
		-webkit-transform: translateZ(600px) translate(-50%, -50%);
		transform: translateZ(600px) translate(-50%, -50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translate(-50%, -50%);
		transform: translateZ(0) translate(-50%, -50%);
		opacity: 1;
	}
}
@keyframes setinwlosedraw-slide-in-bck-center {
	0% {
		-webkit-transform: translateZ(600px) translate(-50%, -50%);
		transform: translateZ(600px) translate(-50%, -50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translate(-50%, -50%);
		transform: translateZ(0) translate(-50%, -50%);
		opacity: 1;
	}
}


.rockpaperscissors_setwinlostdraw_block_ss{
	display: block;
	background-color: #24272961;
	z-index: 1;
}
.rockpaperscissors_blinker_playagain{
	position: fixed;
	bottom: 5%;
	left: 50%;
	z-index: 9;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.rockpaperscissors_blinker_playagain_block{
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.rockpaperscissors_slide-out-blurred-top {
-webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}



.rockpaperscissors_landing_shee_lan{
	text-align: -webkit-center;
	text-align: center;
	position: relative;
}

.rockpaperscissors_landing_shee_round{
	color: white;
	position: absolute;
	top: 10px;
	right: 10px;
}
.rockpaperscissors_coin_image{
	float: left;
	width: 70%;
}
.rockpaperscissors_coin_text{
	float: right;
	width: 30%;
	font-size: x-large;
	color: #5afdd5;
	line-height: 49px;
}
.rockpaperscissors_play_username {
	position: absolute;
	bottom: 10%;
	color: white;
	left: 11px;
	width: 77px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow:ellipsis;
}
.rockpaperscissors_btnr{
	background: #57ffdb;
    border-radius: 10px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    color: #332572;
    box-shadow: 0 0 10px 3px #52decb;
}
.rockpaperscissors_landing_coin {
    text-align: -webkit-center;
}