.gform-admin {

	.gform-loader--ring {
		animation: gformLoaderRotate 2s linear infinite;
		height: 40px;
		transform-origin: center;
		vertical-align: middle;
		width: 40px;
		will-change: transform;

		circle {
			animation: gformLoaderStretch calc(2s * 0.75) ease-in-out infinite;
			fill: none;
			stroke: var(--gform-admin-color-chathams);
			stroke-dasharray: 1, 200;
			stroke-dashoffset: 0;
			stroke-linecap: round;
			will-change: stroke-dasharray, stroke-dashoffset;
		}
	}
}

@keyframes gformLoaderRotate {

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

@keyframes gformLoaderStretch {

	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 90, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dashoffset: -124px;
	}
}
