.jgb_spinner-dots-rotate {
	position: relative;
	width: 1em;
	height: 1em;

	>div {
		top: 0.375em;
		animation: jgb_spinner-dots-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) 0s infinite normal both running;

		&,
		&:before,
		&:after {
			position: absolute;
			width: 0.25em;
			height: 0.25em;
			background-color: currentColor;
			border-radius: 100%;
		}

		&:before,
		&:after {
			content: '';
		}

		&:before {
			left: -0.375em;
		}

		& {
			left: 0.375em;
		}

		&:after {
			left: 0.375em;
		}
	}
}

@keyframes jgb_spinner-dots-rotate-animation {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}