
.sc-spinner {
	--track-color: rgba(13, 19, 30, .13);
	--stroke-width: 2px;
	--spinner-size: 1em;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	border: solid var(--stroke-width) var(--track-color);
	border-radius: 50%;
	border-right-color: currentColor;
	border-top-color: currentColor;
	display: inline-block;
	height: var(--spinner-size);
	width: var(--spinner-size);
}

.sc-spinner[hidden] {
	display: none;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}
