@import url("main.css");

:root {
	font-family: "Fixedsys Excelsior";
}

#Timer {
	position: absolute; bottom: 4rem; right: 4rem; /*top: 50%; right: 50%;*/
	width: 2rem; height: 2rem; /*translate: -50% -50%;*/
	padding: var(--SNDL-UI_Padding); z-index: -1;

	opacity: 1; /* scale: 10; */

	border: var(--SNDL-UI_Border-Size) solid rgb(var(--SNDL-Red_Primary));
	border-radius: var(--SNDL-UI_Border-Radius_Circle);
} #Timer > h1 { margin: 0; color: rgb(var(--SNDL-Red_Primary)); }

[id^="Bar"] {
	position: absolute; left: 0;
	width: 100%; height: 2rem;


	animation: SNDL-Translate_Custom 5s;
}

.SNDL-Striped_Dark {
	padding: 0;
	height: 100%;
	border-radius: 0;
	background-color: black;
}
#BarDown .SNDL-Striped_Dark { animation-direction: reverse; }

#BarUp {
	top: 0;
	
	--Initial: 0 -4rem;
}
#BarDown {
	bottom: 0;
	--Initial: 0 4rem;
}