body {
	background-image: url(/assets/images/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	zoom: 1.0;
}

body.lottery--transparent {
	background: none !important;
	background-color: rgba(0,0,0,0);
}

:root {
	--primary: #D5343A;
	--secondary: #4B1C67;
	
	--darker-primary: #821a23;
	--darker-secondary: #280b2c;
}

.btn {
	outline: none !important;
}

.btn-primary {
	background-color: var(--primary);
	border-color: var(--darker-primary);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: var(--darker-primary) !important;
	border-color: var(--darker-primary) !important;
	outline: none !important;
}

.btn.disabled {
	background-color: var(--gray-dark) !important;
	border-color: var(--gray-dark) !important;
}

.btn-secondary {
	background-color: var(--secondary);
	border-color: var(--darker-secondary);
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	background-color: var(--darker-secondary) !important;
	border-color: var(--darker-secondary) !important;
	outline: none !important;
}

.text-primary {
	color: var(--primary) !important;
}

.text-secondary {
	color: var(--secondary) !important;
}

/* .text-muted {
	color: var(--darker-primary) !important;
}

a:link:not(.btn), a:visited:not(.btn), a:hover:not(.btn) {
	color: var(--orange);
} */

.lottery__container {
	height: auto;
	padding-top: 2rem;
}

[data-slot-machine-layout-value="stream"] .lottery__container {
	height: 1080px;
	padding-top: 0 !important;
}

.lottery__roll_all--rolling .lottery__logo {
	animation: 0.7s ease-in-out 0s infinite pulse;
}

body.lottery--disable-fx .lottery__logo,
body.lottery--disable-fx .lottery__slot_title {
	animation: none !important;
}

.lottery__play_button, .lottery__roll_button_group {
	transition: opacity 0.3s ease-out;
}

.lottery__roll_all--rolling .lottery__roll_button_group {
	opacity: 0;
}

.lottery__roll_all--rolling .lottery__play_button, .lottery__play_button.disabled {
	opacity: 0;
}

.lottery__slot {

}

.lottery__slot_reel {
	/* transition: filter 0.2s ease-in; */
}

.lottery__slot--preroll .lottery__slot_reel {
	opacity: 40%;
	filter: blur(6px) saturate(0%);
}

.lottery__slot--rolling .lottery__slot_reel {
	filter: blur(3px) saturate(0%);
	opacity: 70%;
}

.lottery__slot--rolling .lottery__slot_title  {
	animation: 0.8s linear 0s infinite jiggle;
}

.lottery__slot--rolled .lottery__slot_title  {
	animation: 0.3s linear 0s pop;
}

@keyframes jiggle {
	33% {
		transform: rotate(-8deg) scale(1.1);
	}
	
	66% {
		transform: rotate(8deg) scale(1.1);
	}

	to, from {
		transform: initial;
	}
}

@keyframes pulse {
	50% {
		transform: scale(1.1);
	}

	to, from {
		transform: initial;
	}
}

@keyframes pop {
	50% {
		transform: scale(1.4);
	}

	to {
		transform: initial;
	}
}

.lottery__slot_reel {
	position: relative;
	display: block;
	height: 200px;
	overflow: hidden;
}

.lottery__slot_reel > div {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 200px;
}

.lottery__stream--show {
	display: none;
}

[data-slot-machine-layout-value="stream"] .lottery__stream--show {
	display: initial !important;
}

[data-slot-machine-layout-value="stream"] .lottery__stream--hide {
	display: none !important;
}

[data-slot-machine-layout-value="stream"] .lottery__stream--header-tweak {
	margin-top: -5rem;
}