[v-cloak] {
  display: none;
}

[v-cloak] .v-cloak--block {
	display: block;
}

[v-cloak] .v-cloak--inline {
	display: inline;
}

[v-cloak] .v-cloak--inlineBlock {
	display: inline-block;
}

[v-cloak] .v-cloak--hidden {
	display: none;
}

[v-cloak] .v-cloak--invisible {
	visibility: hidden;
}

.v-cloak--block,
.v-cloak--inline,
.v-cloak--inlineBlock {
	display: none;
}


/* from https://tobiasahlin.com/spinkit/ */

.cloak-spinner {
	width: 40px;
	height: 40px;
	background-color: orangered;
	margin: 300px auto;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px)
	}
	50% {
		-webkit-transform: perspective(120px) rotateY(180deg)
	}
	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
	}
}

@keyframes sk-rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}
	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	}
	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}