.giveaway_box_hero {
	border-radius: 4px;
	background-image: url(https://cdn.steamgifts.com/img/holiday_hero_2019.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	height: 235px;
	margin-top: 5px;
	background-size: cover;
}
.giveaway_box_notification {
	margin-top: 5px;
	border-radius: 4px;
	color: #a59d7c;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 25px;
	border: 1px solid #EDE5B2;
	background-image: linear-gradient(#F6F6E6 0px, #F5F5DF 100%);
} .giveaway_box_notification i {
	font-size: 24px;
	margin-right: 10px;
} .giveaway_box_notification > div {
	font: 300 14px/22px "Open Sans", sans-serif;
} .giveaway_box_notification > div strong {
	font-weight: 700;
} .giveaway_box_notification > div a {
	border-bottom: 1px dotted;
	color: #c36000;
	font-weight: 700;
}

.giveaway_box_list_row {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
} .giveaway_box_list_row .giveaway_box_container {
	flex: 1;
} .giveaway_box_list_row .giveaway_box_container:not(:last-child) {
	margin-right: 15px;
} .giveaway_box_list .giveaway_box_container--unlocked {
	border-color: #8d8;
	background-color: #deefde;
} .giveaway_box_list_row .giveaway_box {
	width: 250px;
	height: 250px;
	transform: scale(0.55);
}

.giveaway_box_container {
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #e4e7ec;
	background-image: radial-gradient(circle, rgba(255,255,255,0.5), rgba(255,255,255,0)), linear-gradient( rgba(255,255,255,0.5), rgba(255,255,255,0.3) 31%, rgba(255,255,255,0) 40%, rgba(255,255,255,0.2) 100%);
	border: 1px solid #d2d6e0;
}

.giveaway_box {
	width: 350px;
	height: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
} .giveaway_box_description {
    padding: 15px;
    font-style: italic;
    color: #9da9b7;
    font-size: 11px;
    text-align: center;
    text-shadow: none;
	box-sizing: border-box;
	width: 100%;
	background-color: #e6e8eb;
	border-top: 1px solid #d2d6e04d;
}

.form__input--valid {
	background-color: #ecffec !important;
	border-color: #b0e1b0 !important;
	color: #3caa3c !important;
} .form__input--invalid {
	background-color: #ffeded !important;
	border: 1px solid #f3c5c5 !important;
	color: #ff4e4e !important;
}

.giveaway_box.giveaway_box_open .giveaway_box_cover, .giveaway_box.giveaway_box_open .giveaway_box_base {
	margin-top: -50px;
}

.giveaway_box_cover, .giveaway_box_base, .giveaway_box_shadow {
	transform-style: preserve-3d;
	animation: spin 16s infinite linear;
	animation-play-state: paused;
	position: absolute;
	transition: margin 1.5s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}

.giveaway_box_cover > div, .giveaway_box_base > div, .giveaway_box_shadow > div {
	position: absolute;
	background-size: cover;
	background-position: center center;
}

.giveaway_box_container--spin .giveaway_box_cover, .giveaway_box_container--spin .giveaway_box_base, .giveaway_box_container--spin .giveaway_box_shadow, .giveaway_box_container--spin-hover:hover .giveaway_box_cover, .giveaway_box_container--spin-hover:hover .giveaway_box_base, .giveaway_box_container--spin-hover:hover .giveaway_box_shadow {
	animation-play-state: running;
}

.giveaway_box_container--transition-slow .giveaway_box_cover > div, .giveaway_box_container--transition-slow .giveaway_box_base > div, .giveaway_box_container--transition-slow .giveaway_box_shadow > div {
	transition: box-shadow 1.5s ease, opacity 1.5s ease, transform 0.5s cubic-bezier(.87,-.41,.19,1.44), width 0.5s cubic-bezier(.87,-.41,.19,1.44), height 0.5s cubic-bezier(.87,-.41,.19,1.44);
}

.giveaway_box_base > :not(.bottom), .giveaway_box_cover > :not(.top) {
	animation: darken 8s infinite ease;
	animation-play-state: paused;
}.giveaway_box_container--spin .giveaway_box_base > :not(.bottom), .giveaway_box_container--spin .giveaway_box_cover > :not(.top), .giveaway_box_container--spin-hover:hover .giveaway_box_base > :not(.bottom), .giveaway_box_container--spin-hover:hover .giveaway_box_cover > :not(.top) {
	animation-play-state: running;
}.giveaway_box_base > .front, .giveaway_box_cover > .front {
	animation-delay: -8s;
}.giveaway_box_base > .back, .giveaway_box_cover > .back {
	animation-delay: -4s;
}.giveaway_box_base > .left, .giveaway_box_cover > .left {
	animation-delay: -6s;
}.giveaway_box_base > .right, .giveaway_box_cover > .right {
	animation-delay: -2s;
}

.giveaway_box_shadow div {
	opacity: 0.9;
	background-color: #000;
	box-shadow: 0px 0px 15px 1px rgba(0, 0, 20, 0.5), 0px 0px 5px 1px rgba(0, 0, 20, 0.6), 0px 0px 3px 1px rgba(0, 0, 20, 0.7), 0px 0px 1px 1px rgba(0, 0, 20, 0.8);
}

.giveaway_box_open .giveaway_box_shadow > div {
	opacity: 0.12;
	box-shadow: 0px 0px 35px 1px rgba(0, 0, 30, 0.5), 0px 0px 25px 1px rgba(0, 0, 20, 0.6), 0px 0px 18px 1px rgba(0, 0, 20, 0.8), 0px 0px 15px 1px rgba(0, 0, 20, 1), 0px 0px 8px 1px rgba(0, 0, 20, 1);
}

@keyframes spin {
	0% {transform: perspective(900px) rotateX(-23deg) rotateY(25deg);}
	50% {transform: perspective(900px) rotateX(-35deg) rotateY(385deg);}
	100% {transform: perspective(900px) rotateX(-23deg) rotateY(745deg);}
}

@keyframes darken {
	0% {filter: brightness(100%);}
	40% {filter: brightness(0%);}
	60% {filter: brightness(0%);}
	100% {filter: brightness(100%);}
}