@charset "UTF-8";
@import url("styles.css");
@import url("timer-counter.css");

:root {
	--mc: #522398;
	--fmc: #fff;
	--sc: #522398;
	--fsc: #fff;
	--hc: #fb4f14;
	--fhc: #fff;
	--fc: #522398;
	--ffc: #fff;
	--bc: #fff;
	--fbc: #522398;
}

#vue_app {
	opacity: 0;
	transition: opacity .5s linear;
}

#afs-preloader {
	pointer-events: none;
	display: block;
	box-sizing: border-box;
	width: 7rem;
	height: 7rem;
	border: .75rem solid #f8f8f8;
	border-top: .75rem solid #09f;
	border-radius: 50%;
	animation: spin 2s linear infinite;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1.0E+29;
	opacity: 1;
	transition: opacity .5s linear;
}

@keyframes spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

body {
	background: var(--bc);
	color: var(--fbc);
}

body>img {
	position: absolute;
}

.psgTimer_labels>div,
.ascendfs-count-down .label {
	color: var(--fbc);
}

.ascendfs-count-down .count {
	background: var(--sc);
	color: var(--fsc) !important;
	text-shadow: none !important;
}