@keyframes ublaboo-spinner-icon {
	0% {
		transform: rotate(0); }
	50% {
		transform: rotate(180deg); }
	100% {
		transform: rotate(360deg); } }

@-webkit-keyframes ublaboo-spinner-icon {
	0% {
		transform: rotate(0); }
	50% {
		transform: rotate(180deg); }
	100% {
		transform: rotate(360deg); } }

.ublaboo-spinner-icon > span {
	animation-duration: 2s;
	animation-delay: 0;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	animation-name: ublaboo-spinner-icon; }

@keyframes ublaboo-spinner-small {
	0% {
		transform: translate(21.3px, 2.2px); }
	11.1% {
		transform: translate(8.1px, 25.2px); }
	22.2% {
		transform: translate(12.7px, -0.7px); }
	33.3% {
		transform: translate(17.2px, 25.2px); }
	44.4% {
		transform: translate(4.2px, 2.2px); }
	55.5% {
		transform: translate(24.1px, 19.5px); }
	66.6% {
		transform: translate(-0.3px, 10.3px); }
	77.7% {
		transform: translate(25.8px, 10.3px); }
	88.8% {
		transform: translate(1.2px, 19.3px); }
	100% {
		transform: translate(21.3px, 2.2px); } }

@-webkit-keyframes ublaboo-spinner-small {
	0% {
		transform: translate(21.3px, 2.2px); }
	11.1% {
		transform: translate(8.1px, 25.2px); }
	22.2% {
		transform: translate(12.7px, -0.7px); }
	33.3% {
		transform: translate(17.2px, 25.2px); }
	44.4% {
		transform: translate(4.2px, 2.2px); }
	55.5% {
		transform: translate(24.1px, 19.5px); }
	66.6% {
		transform: translate(-0.3px, 10.3px); }
	77.7% {
		transform: translate(25.8px, 10.3px); }
	88.8% {
		transform: translate(1.2px, 19.3px); }
	100% {
		transform: translate(21.3px, 2.2px); } }

@keyframes ublaboo-spinner-in {
	0% {
		opacity: 0; }
	100% {
		opacity: 1; } }

@-webkit-keyframes ublaboo-spinner-in {
	0% {
		opacity: 0; }
	100% {
		opacity: 1; } }

.ublaboo-spinner {
	line-height: 0;
	display: inline-block;
	margin: auto;
	position: relative;
	margin: 0 1em -11px 1em;
	top: 1px;
	opacity: 0;
	animation-duration: 150ms;
	animation-delay: 0;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-name: ublaboo-spinner-in;
	animation-fill-mode: forwards; }
	.ublaboo-spinner > i {
		position: absolute;
		background-color: #37434f;
		left: 0;
		top: 0;
		animation-duration: 6s;
		animation-delay: 0;
		animation-iteration-count: infinite;
		animation-timing-function: ease; }
		.ublaboo-spinner > i:nth-of-type(2) {
			animation-delay: -1.5s; }
		.ublaboo-spinner > i:nth-of-type(3) {
			animation-delay: -3s; }
		.ublaboo-spinner > i:nth-of-type(4) {
			animation-delay: -4.5s; }
	.ublaboo-spinner.ublaboo-spinner-small {
		width: 28.0px;
		height: 28.0px; }
		.ublaboo-spinner.ublaboo-spinner-small > i {
			width: 4.0px;
			height: 4.0px;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			animation-name: ublaboo-spinner-small; }
