/* -------------------------------------- */
/* Welcome to the kingdom of the moveBBCs! */ 
/* -------------------------------------- */
/* You can change this height. */
.moveBBC_kingdom {
	height:8em;
}

/* -------------------------------------------- */
/* Classes inside :not() are immune to toggles! */
.moveBBC_kingdom:not(.nonstop,.peekaboo) .moveBBC_frozen + .moveBBC_cage,
.moveBBC_kingdom:not(.nonstop,.peekaboo) .moveBBC_frozen + .moveBBC_cage .moveBBC {
	animation-play-state:paused;
}

/* ------------------------------- */
/* You can change toggle position. */
.moveBBC_toggle {
	position:absolute;z-index:1;top:0;right:0;overflow:hidden;visibility:hidden;
}
.moveBBC_kingdom[class*="_alt"] .moveBBC_toggle {
	right:auto;left:0;
}

/* ------------------------------ */
/* You can change toggle styling. */
.moveBBC_show {
	visibility:visible;height:1.5rem;padding:0 1rem;font-size: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, .move_left_alt .moveBBC_cage {
	animation:moveBBC_cage_left 5s;
}
/* Time = moveBBC_cage_left. */
.move_left .moveBBC, .move_left_alt .moveBBC {
	animation:moveBBC_move_left 5s;
}
/* ------------------------ */
.move_right .moveBBC_cage, .move_right_alt .moveBBC_cage {
	animation:moveBBC_cage_right 5s;
}
/* Time = moveBBC_cage_right. */
.move_right .moveBBC, .move_right_alt .moveBBC {
	animation:moveBBC_move_right 5s;
}

/* ------------------------------------------------------------- */
/* For custom iterations or easing functions, edit this to suit. */
/* Probably easiest to use :not() to exempt your custom classes. */
/* ------------------------------------------------------------- */
.moveBBC_kingdom .moveBBC_cage,.moveBBC_kingdom .moveBBC {
	animation-iteration-count:infinite;animation-timing-function:linear;
}

/* ----------------- */
/* Hover parameters. */
/* ----------------- */
/* For God's sake, stop those bounces! :D */
.moveBBC_kingdom:hover .moveBBC_cage,.moveBBC_kingdom:hover .moveBBC {
	animation-play-state:paused;
}
/* Oh noes! Chase those bounces! :D */
.nonstop:hover .moveBBC_cage,.nonstop:hover .moveBBC,
.chase:hover .moveBBC_cage,.chase:hover .moveBBC {
	animation-play-state:running;
}
.chase .moveBBC_cage:hover,.chase .moveBBC_cage:hover .moveBBC {
	animation-play-state:paused;
}
/* Mwahahaha! Sneaky bounces forever! :D */
.peekaboo:hover .moveBBC_cage,.peekaboo:hover .moveBBC {
	animation-play-state:running;
	opacity:1;transition: opacity .2s linear .2s;
}
.peekaboo .moveBBC_cage:hover,.peekaboo .moveBBC_cage:hover .moveBBC {
	opacity:0;transition: opacity .1s step-start;
}

/* -------------------------------------- */
/* Only change these if your CSS is good! */
/* -------------------------------------- */
.moveBBC_kingdom {
	position:relative;overflow:hidden;box-sizing:content-box;
}
.moveBBC_kingdom[class*="move"] {
	height:auto;
}
.moveBBC_kingdom[class*="_alt"] {
	transform:scaleX(-1);
}
.moveBBC_cage {
	position:relative;float:left;
}
.moveBBC_kingdom[class*="vert"] .moveBBC_cage {
	float:none;
}
.moveBBC {
	position:relative;overflow:hidden;white-space:pre;font-size:1rem;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. */
/* ------------ */