#divAppVipClaimedPromotions
{
    background-color:rgba(0, 0, 0, 0.75);
    display:none;
    height:100%;
    left:0%;
    opacity:0;
    position:fixed;
    top:0%;
    width:100%;
    z-index:20;
}

#divAppVipClaimedPromotions.show
{
	animation-duration:0.25s;
	animation-name:showVipClaimedPromotions;
	display:block;
	opacity:1;
}

#divAppVipClaimedPromotions #divVipClaimedPromotions
{
	background-image:url('../images/promotions/vipClaimedPromotions/background.webp');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
    height:520px;
	left:50%;
    opacity:0;
	overflow:hidden;
	position:absolute;
    top:50%;
	transform:translate(-50%, -50%);
	width:640px;
}

#divAppVipClaimedPromotions.show #divVipClaimedPromotions
{
    animation-duration:0.25s;
	animation-name:showVipClaimedPromotions;
	opacity:1;
}

#divAppVipClaimedPromotions #btnClosePopup
{
	cursor:pointer;
	filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
	height:40px;
	position:absolute;
	right:10px;
	top:48px;
	width:40px;
	z-index:1;
}

#divAppVipClaimedPromotions #btnClosePopup:before
{
	background-color:#f1cd98;
	box-shadow:0px 0px 5px #000000;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(45deg);
	width:24px;
}

#divAppVipClaimedPromotions #btnClosePopup:after
{
	background-color:#f1cd98;
	box-shadow:0px 0px 5px #000000;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(-45deg);
	width:24px;
}

#divAppVipClaimedPromotions #btnInfo
{
	color:#f1cd98;
	cursor:pointer;
	filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
	font-size:26px;
	height:30px;
	line-height:30px;
	position:absolute;
	right:35px;
	text-align:center;
	text-shadow:0px 0px 5px #000000;
	top:105px;
	width:30px;
	z-index:1;
}

#divAppVipClaimedPromotions #btnMuteMusic
{
	color:#f1cd98;
	cursor:pointer;
	font-size:20px;
	height:30px;
	line-height:30px;
	position:absolute;
	right:35px;
	text-align:center;
	text-shadow:0px 0px 5px #000000;
	top:140px;
	width:30px;
	z-index:1;
}

#divAppVipClaimedPromotions #btnMuteMusic.muted
{
	color:#888888;
	text-shadow:none;
}

#divAppVipClaimedPromotions .divPrizeHeading
{
	color:#ffeda0;
	font-size:22px;
	left:50%;
	position:absolute;
	text-shadow:0px 0px 1px #000000, 0px 0px 5px #000000;
	top:210px;
	transform:translateX(-50%);
	white-space:nowrap;
}

#divAppVipClaimedPromotions #divSelectionContainer
{
	filter:grayscale(0.75);
	left:20px;
	pointer-events:none;
	position:absolute;
	right:38px;
	top:340px;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

#divAppVipClaimedPromotions #divSelectionContainer.enable
{
	filter:grayscale(0);
	pointer-events:auto;
}

#divAppVipClaimedPromotions #divSelectionContainer:after
{
	background-color:rgba(0, 0, 0, 0.9);
	border:1px solid #ffffff;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px #00ff00, inset 0px 0px 10px 0px #00ff00;
	color:#80ff80;
	content:"No Offers Available";
	font-size:26px;
	left:50%;
	padding:10px 15px;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	white-space:nowrap;
}

#divAppVipClaimedPromotions #divSelectionContainer.enable:after
{
	display:none;
}

#divAppVipClaimedPromotions .divSelectionItem
{
	background-image:url('../images/promotions/vipClaimedPromotions/chestClosed.webp');
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	cursor:pointer;
	filter:drop-shadow(0px 0px 2px rgba(255,255,255,0.6)) drop-shadow(0px 0px 4px rgba(255,255,255,0.4)) drop-shadow(3px 6px 8px rgba(0,0,0,0.8)) grayscale(0);
	height:150px;
	position:absolute;
	top:0px;
	transform:translate(-50%, -50%);
	transition:background-image 0.25s, filter 0.75s, height 0.75s, left 0.75s, top 0.75s, width 0.75s;
	width:138px;
}

#divAppVipClaimedPromotions .divSelectionItem:nth-child(1)
{
	left:20%;
}

#divAppVipClaimedPromotions .divSelectionItem:nth-child(2)
{
	left:50%;
}

#divAppVipClaimedPromotions .divSelectionItem:nth-child(3)
{
	left:80%;
}

#divAppVipClaimedPromotions .selectionMade .divSelectionItem
{
	cursor:default;
	filter:drop-shadow(0px 0px 5px #000000) grayscale(1);
}

#divAppVipClaimedPromotions .divSelectionItem:nth-child(1).selected, #divAppVipClaimedPromotions .divSelectionItem:nth-child(2).selected, #divAppVipClaimedPromotions .divSelectionItem:nth-child(3).selected
{
	filter:drop-shadow(0px 0px 3px #ffffff) drop-shadow(0px 0px 50px #000000) drop-shadow(0px 0px 100px #000000) grayscale(0);
	height:220px;
	left:50%;
	top:-20px;
	width:200px;
	z-index:1;
}

#divAppVipClaimedPromotions .divSelectionItem.open
{
	background-image:url('../images/promotions/vipClaimedPromotions/chestOpen.webp');
	cursor:default;
}

#divAppVipClaimedPromotions .divSelectionItem p
{
	color:#ffffff;
	display:block;
	font-size:18px;
	left:50%;
	line-height:20px;
	position:absolute;
	text-align:center;
	text-shadow:0px 0px 1px #000000, 0px 0px 5px #000000, 0px 0px 10px #000000;
	top:75%;
	transform:translate(-50%, -50%);
	width:200px;
}

#divAppVipClaimedPromotions .divSelectionItem p:before
{
	background-color:rgba(114, 98, 242, 0.5);
	border-radius:50%;
	box-shadow:0px 0px 15px 15px rgba(114, 98, 242, 0.5);
	content:"";
	display:block;
	height:100%;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	width:100%;
	z-index:-1;
}

#divAppVipClaimedPromotions #btnPlayNow
{
	bottom:60px;
	display:none;
	left:calc(50% - 115px);
	position:absolute;
	width:220px;
}

#divAppVipClaimedPromotions #btnPlayNow.show
{
	display:block;
}

/* ANIMATION KEY FRAMES */
@keyframes showVipClaimedPromotions
{
	0%   {opacity:0;}
	1%   {opacity:0;}
	100% {opacity:1;}
}

/* MEDIA QUERIES */
@media (max-width: 640px)
{
    #divAppVipClaimedPromotions #divVipClaimedPromotions
    {
		height:405px;
		width:500px;
    }

	#divAppVipClaimedPromotions #btnClosePopup
	{
		right:3px;
		top:32px;
	}

	#divAppVipClaimedPromotions #btnInfo
	{
		font-size:22px;
		right:25px;
		top:85px;
	}

	#divAppVipClaimedPromotions #btnMuteMusic
	{
		font-size:18px;
		right:25px;
		top:115px;
	}

	#divAppVipClaimedPromotions .divPrizeHeading
	{
		font-size:18px;
		top:155px;
	}

	#divAppVipClaimedPromotions #divSelectionContainer
	{
		left:15px;
		right:30px;
		top:265px;
	}

	#divAppVipClaimedPromotions .divSelectionItem
	{
		height:110px;
		width:100px;
	}

	#divAppVipClaimedPromotions #btnPlayNow
	{
		bottom:20px;
	}
}

@media (max-width: 500px)
{
	#divAppVipClaimedPromotions #divVipClaimedPromotions
    {
		height:340px;
		width:420px;
    }

	#divAppVipClaimedPromotions #btnClosePopup
	{
		right:0px;
		top:23px;
	}

	#divAppVipClaimedPromotions #btnInfo
	{
		right:20px;
		top:70px;
	}

	#divAppVipClaimedPromotions #btnMuteMusic
	{
		right:20px;
		top:98px;
	}

	#divAppVipClaimedPromotions .divPrizeHeading
	{
		font-size:16px;
		top:132px;
	}

	#divAppVipClaimedPromotions #divSelectionContainer
	{
		left:10px;
		right:22px;
		top:220px;
	}

	#divAppVipClaimedPromotions #divSelectionContainer:after
	{
		font-size:22px;
	}

	#divAppVipClaimedPromotions .divSelectionItem
	{
		height:98px;
		width:90px;
	}

	#divAppVipClaimedPromotions .divSelectionItem:nth-child(1).selected, #divAppVipClaimedPromotions .divSelectionItem:nth-child(2).selected, #divAppVipClaimedPromotions .divSelectionItem:nth-child(3).selected
	{
		height:150px;
		width:138px;
	}

	#divAppVipClaimedPromotions .divSelectionItem p
	{
		font-size:15px;
		line-height:16px;
		top:68%;
		width:190px;
	}

	#divAppVipClaimedPromotions #btnPlayNow
	{
		bottom:40px;
		left:calc(50% - 95px);
		width:180px;
	}
}

@media (max-width: 420px)
{
	#divAppVipClaimedPromotions #divVipClaimedPromotions
    {
		height:292px;
		width:360px;
    }

	#divAppVipClaimedPromotions #btnClosePopup
	{
		height:30px;
		right:2px;
		top:23px;
		width:30px;
	}

	#divAppVipClaimedPromotions #btnClosePopup:before, #divAppVipClaimedPromotions #btnClosePopup:after
	{
		left:3px;
		top:14px;
	}

	#divAppVipClaimedPromotions #btnInfo
	{
		right:16px;
		top:58px;
	}

	#divAppVipClaimedPromotions #btnMuteMusic
	{
		right:16px;
		top:86px;
	}

	#divAppVipClaimedPromotions .divPrizeHeading
	{
		font-size:15px;
		top:115px;
	}

	#divAppVipClaimedPromotions #divSelectionContainer
	{
		left:8px;
		right:20px;
		top:190px;
	}

	#divAppVipClaimedPromotions #divSelectionContainer:after
	{
		font-size:20px;
	}

	#divAppVipClaimedPromotions .divSelectionItem
	{
		height:90px;
		width:82px;
	}

	#divAppVipClaimedPromotions #btnPlayNow
	{
		bottom:20px;
	}
}