@charset "utf-8";
/* CSS Document */
.modal-dialog.reward {
    max-width: 270px;
	top: 5%;
	margin: 0 auto;
}
.modal-content.reward {
    background: none;
    border: none;
}
button.close-x {
	position: absolute;
	right: 0;
	top: 0;
	background: none;
	border: none;
	padding: 0;
	font-size: 18px;
	color: #fff;
	z-index: 2;
}
.card-pot {
    text-align: center;
	cursor: pointer;
}
.card-prize {
	position: relative;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
.open-pot {
    position: absolute;
}
.redeem-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    color: #f1c00f;
    text-transform: uppercase;
    font-size: 37px;
    font-weight: 900;
    background: -webkit-linear-gradient(#f7e902,#ea8d1f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #642226;
}
.card-pot.active .open-pot {
	visibility: hidden;
	opacity: 0;
	transition: ease-in-out 0.3s;
}
.card-pot.active .card-prize {
    visibility: visible;
    opacity: 1;
    transition: ease-in-out 0.3s;
}
.prize-amt {
    position: absolute;
    left: 0;
    right: 0;
    top: 48%;
    font-size: 26px;
    font-weight: 700;
    color: #000;
	visibility: hidden;
	opacity: 0;
	transform: scale(0.2);
	transition: ease-in-out 0.3s;
}
.card-pot.active .card-prize .prize-amt {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	transition-delay: 0.3s;
	transition: ease-in-out 1s;
}

.modal-dialog.how {
	top: 6%;
    max-width: 542px;
}
.modal-content.how {
    background: url(/event/assets/slots33/images/lucky-pot/popup-base.png)no-repeat top center;
    background-size: 100% 100%;
    border: none;
    min-height: 326px;
	padding-bottom: 20px;
}
button.close-btn {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: -3%;
    top: 5%;
    max-width: 50px;
	z-index: 2;
}
button.close-btn:hover {
	transform: scale(0.98);
	filter: brightness(1.1);
}
.terms-title {
    background: url(/event/assets/slots33/images/lucky-pot/title-base.png)no-repeat;
    background-size: 100% 100%;
    max-width: 328px;
    height: 64px;
    margin: -25px auto 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}
.how-content {
    max-width: 90%;
    width: 100%;
    margin: 10px auto 0;
    font-size: 13px;
}
.how-content p {
    margin-bottom: 5px;
}
table.table-reward tr td {
	text-align: center;
	border: 1px solid #e9d6b0;
	padding: 3px 2px;
}
table.table-reward tr.top-row {
    background: #bc2626;
}
ul.terms {
    padding-left: 17px;
    margin: 0;
    font-size: 13px;
}