/* https://cssload.net/en/spinners/7 - "Heartbeat" */
.bubbles-cssload-container{
	display: block;
	width:27px;
}

.bubbles-cssload-loading i{
	width: 14px;
	height: 14px;
	display: inline-block;
	background: rgb(167,83,83);
	border-radius: 50%;
}
.bubbles-cssload-loading i:nth-child(1){
	animation:bubbles-cssload-loading-ani1 1.15s ease-in-out infinite;
		-o-animation:bubbles-cssload-loading-ani1 1.15s ease-in-out infinite;
		-ms-animation:bubbles-cssload-loading-ani1 1.15s ease-in-out infinite;
		-webkit-animation:bubbles-cssload-loading-ani1 1.15s ease-in-out infinite;
		-moz-animation:bubbles-cssload-loading-ani1 1.15s ease-in-out infinite;

}
.bubbles-cssload-loading i:nth-child(2){
	background: rgb(219,130,40);
	margin-left: -3px;
	animation:bubbles-cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
		-o-animation:bubbles-cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
		-ms-animation:bubbles-cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
		-webkit-animation:bubbles-cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
		-moz-animation:bubbles-cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
}

@keyframes bubbles-cssload-loading-ani1{
	70%{
		transform:scale(0.5);
	}
}

@-o-keyframes bubbles-cssload-loading-ani1{
	70%{
		-o-transform:scale(0.5);
	}
}

@-ms-keyframes bubbles-cssload-loading-ani1{
	70%{
		-ms-transform:scale(0.5);
	}
}

@-webkit-keyframes bubbles-cssload-loading-ani1{
	70%{
		-webkit-transform:scale(0.5);
	}
}

@-moz-keyframes bubbles-cssload-loading-ani1{
	70%{
		-moz-transform:scale(0.5);
	}
}

/* https://cssload.net/en/spinners/2 - "Atom" */
.electron-cssload-loader {
	width: 376px;
	height: 376px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 4700px;
}

.electron-cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.electron-cssload-inner.electron-cssload-one {
	left: 0%;
	top: 0%;
	animation: electron-cssload-rotate-one 1.15s linear infinite;
		-o-animation: electron-cssload-rotate-one 1.15s linear infinite;
		-ms-animation: electron-cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: electron-cssload-rotate-one 1.15s linear infinite;
		-moz-animation: electron-cssload-rotate-one 1.15s linear infinite;
	border-bottom: 18px solid var(--netherrack);
}

.electron-cssload-inner.electron-cssload-two {
	right: 0%;
	top: 0%;
	animation: electron-cssload-rotate-two 1.15s linear infinite;
		-o-animation: electron-cssload-rotate-two 1.15s linear infinite;
		-ms-animation: electron-cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: electron-cssload-rotate-two 1.15s linear infinite;
		-moz-animation: electron-cssload-rotate-two 1.15s linear infinite;
	border-right: 18px solid var(--lava);
}

.electron-cssload-inner.electron-cssload-three {
	right: 0%;
	bottom: 0%;
	animation: electron-cssload-rotate-three 1.15s linear infinite;
		-o-animation: electron-cssload-rotate-three 1.15s linear infinite;
		-ms-animation: electron-cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: electron-cssload-rotate-three 1.15s linear infinite;
		-moz-animation: electron-cssload-rotate-three 1.15s linear infinite;
	border-top: 18px solid var(--button-shadow-color);
}

@keyframes electron-cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes electron-cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes electron-cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes electron-cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes electron-cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes electron-cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes electron-cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes electron-cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes electron-cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes electron-cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes electron-cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes electron-cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes electron-cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes electron-cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes electron-cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}