@import '../../client/css/defaults';

.obojobo-draft--components--spinner {
	position: absolute;
	width: 1em;
	height: 1em;
	top: 1em;
	right: 0.5em;
	display: inline-block;
	background-color: $color-bg;

	> .spinner {
		@keyframes obojobo-draft--components--spinner--rotate {
			from {
				transform: translate(-50%, -50%) rotate(0deg);
			}

			to {
				transform: translate(-50%, -50%) rotate(360deg);
			}
		}

		width: 100%;
		height: 100%;
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 50%;
		animation: obojobo-draft--components--spinner--rotate 1.5s linear infinite;

		> svg {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: none;
		}
	}
}