Untitled

dabblet.css

html {
	background:linear-gradient(#aaa,#eee);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:100%;
}

.busy {
	background: transparent;
	box-shadow:
	inset 0 0 3px 1px black,
	inset -7px 7px 0 0 orange
	;
	/*6b3bd4*/
	
	
	display:block;
	height:20px;
	width:20px;
	border-radius:100%;
	margin:-10px;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
  	animation: load 0s linear infinite;
}

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

.wrapper {
	line-height:40px;
	width:400px;
	height:300px;
	top:50%;
	left:50%;
	margin:-150px 00px;
	display:block;
	position:absolute;
	background:white;
}

dabblet.html

<div class="wrapper">

<i class="busy"></i>

</div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}