/* -------------------------------------- */
/* Welcome to the kingdom of the moveBBCs! */ 
/* -------------------------------------- */

/* ------------------------------- */
/* You can change toggle position. */
.moveBBC_toggle {
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	overflow:hidden;
	visibility:hidden;
}

/* ------------------------------ */
/* You can change toggle styling. */
.moveBBC_show {
	visibility:visible;
	height:1.5rem;
	padding:0 1rem;
	font-weight:700;
	line-height:1.25rem;
	border:1px solid;
	border-radius:4px;
	opacity:.25;
}
.moveBBC_frozen, .moveBBC_show:hover {
	opacity:1;
}
.moveBBC_show::before {
	content:'X';
}
.moveBBC_frozen::before {
	font-size:1.5rem;
	line-height:1rem;
	content:'+';
}

/* -------------------- */
/* Horizontal marquees. */
/* -------------------- */
.move_left .moveBBC_cage {
	animation:moveBBC_cage_left;
}
/* Time = moveBBC_cage_left. */
.move_left .moveBBC {
	animation:moveBBC_move_left;
}
/* ------------------------ */
.move_right .moveBBC_cage {
	animation:moveBBC_cage_right;
}
/* Time = moveBBC_cage_right. */
.move_right .moveBBC {
	animation:moveBBC_move_right;
}

/* ------------------------------------------------------------- */
/* For custom iterations or easing functions, edit this to suit. */
/* ------------------------------------------------------------- */
.moveBBC_kingdom .moveBBC_cage, .moveBBC_kingdom .moveBBC {
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

/* ----------------- */
/* Hover parameters. */
/* ----------------- */
/* For God's sake, stop this moving! :D */
.moveBBC_kingdom:hover .moveBBC_cage, .moveBBC_kingdom:hover .moveBBC {
	animation-play-state:paused;
}

/* -------------------------------------- */
/* Only change these if your CSS is good! */
/* -------------------------------------- */
.moveBBC_kingdom {
	position:relative;
	overflow:hidden;
	box-sizing:content-box;
	max-width: 800px;
}
.moveBBC_cage {
	position:relative;
	float:left;
}
.moveBBC {
	position:relative;
	overflow:hidden;
	white-space:pre;
	text-align:center;
}
@media (prefers-reduced-motion:reduce) {
	.moveBBC_cage, .moveBBC {
		animation-name: none !important;
	}
}

/* -------------------- */
/* Horizontal marquees. */
/* -------------------- */
/* Slide left. */
@keyframes moveBBC_cage_left{
	0%  {left:110%}
	100%{left: 0%}
}
@keyframes moveBBC_move_left{
	0%  {right:0}
	100%{right:110%}
}
/* Slide right. */
@keyframes moveBBC_cage_right{
	0%  {left:0}
	100%{left:110%}
}
@keyframes moveBBC_move_right{
	0%  {right:110%}
	100%{right:0}
}

/* ------------ */
/* End of file. */
/* ------------ */