<template>
	<div class="loadingio-spinner-ripple-9qsh4tm3k2">
		<div class="ldio-aylg4y79txc">
			<div></div>
			<div></div>
		</div>
	</div>
</template>

<style type="text/css">
@keyframes ldio-aylg4y79txc {
	0% {
		top: 96px;
		left: 96px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 18px;
		left: 18px;
		width: 156px;
		height: 156px;
		opacity: 0;
	}
}

.ldio-aylg4y79txc div {
	position: absolute;
	border-width: 4px;
	border-style: solid;
	opacity: 1;
	border-radius: 50%;
	animation: ldio-aylg4y79txc 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.ldio-aylg4y79txc div:nth-child(1) {
	border-color: #d3e90c;
	animation-delay: 0s;
}

.ldio-aylg4y79txc div:nth-child(2) {
	border-color: #46dff0;
	animation-delay: -0.5s;
}

.loadingio-spinner-ripple-9qsh4tm3k2 {
	transform: rotate(45deg) translate(-50%, -50%);
	width: 100px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
	background: none;
}

.ldio-aylg4y79txc {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0;
	/* see note above */
}

.ldio-aylg4y79txc div {
	box-sizing: content-box;
}

</style>