@keyframes content_mask_reload {
	0% {
		@include vendor-prefix( transform, scale(1) rotate(0deg) )
	}

	100% {
		@include vendor-prefix( transform, scale(1) rotate(360deg) );
	}
}

@keyframes content_mask_bar_reload {
	0% {
		@include vendor-prefix( transform, scaleX(0) );
		transform-origin: left center;
	}

	49% {
		transform-origin: left center;
	}

	50% {
		@include vendor-prefix( transform, scaleX(1) );
		transform-origin: right center;
	}

	100% {
		@include vendor-prefix( transform, scaleX(0) );
		transform-origin: right center;
	}
}

@keyframes option_reload {
	0% {
		@include vendor-prefix( transform, scale(1) rotate(0deg) );
	}

	100% {
		@include vendor-prefix( transform, scale(1) rotate(360deg) );
	}
}

@keyframes content_mask_icon {
	0% {
		@include vendor-prefix( opacity, 0 );
		@include vendor-prefix( transform, translate3d( -50%, -50%, 0 ) scale(0.3) );
	}

	100% {
		@include vendor-prefix( opacity, 1 );
		@include vendor-prefix( transform, translate3d( -50%, -50%, 0 ) scale(1) );
	}
}

@keyframes content_mask_check {
	100% {
		width: 52px;
		height: 52px;
		border: 2px solid #FFF;
		background: $enabled;
	}
}

@keyframes content_mask_loading {
  0%, 80%, 100% { 
    @include vendor-prefix( transform, scale(0) );
  } 40% { 
    @include vendor-prefix( transform, scale(1.0) );
  }
}