.circle.svelte-7w2xrx {
		height: var(--size);
		width: var(--size);
		border-color: var(--color) transparent var(--color) var(--color);
		border-width: calc(var(--size) / 15);
		border-style: solid;
		-o-border-image: initial;
		   border-image: initial;
		border-radius: 50%;
		animation: var(--duration) linear 0s infinite normal none running svelte-7w2xrx-rotate;
	}
	.pause-animation.svelte-7w2xrx {
		animation-play-state: paused;
	}
	@keyframes svelte-7w2xrx-rotate {
		0% {
			transform: rotate(0);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.circle.svelte-18p56hv {
		width: var(--size);
		height: var(--size);
		box-sizing: border-box;
		position: relative;
		border: 3px solid transparent;
		border-top-color: var(--colorOuter);
		border-radius: 50%;
		animation: svelte-18p56hv-circleSpin var(--durationOuter) linear infinite;
	}
	.circle.svelte-18p56hv::before,
	.circle.svelte-18p56hv::after {
		content: '';
		box-sizing: border-box;
		position: absolute;
		border: 3px solid transparent;
		border-radius: 50%;
	}
	.circle.svelte-18p56hv::after {
		border-top-color: var(--colorInner);
		top: 9px;
		left: 9px;
		right: 9px;
		bottom: 9px;
		animation: svelte-18p56hv-circleSpin var(--durationInner) linear infinite;
	}
	.circle.svelte-18p56hv::before {
		border-top-color: var(--colorCenter);
		top: 3px;
		left: 3px;
		right: 3px;
		bottom: 3px;
		animation: svelte-18p56hv-circleSpin var(--durationCenter) linear infinite;
	}
	.pause-animation.svelte-18p56hv,
	.pause-animation.svelte-18p56hv::after,
	.pause-animation.svelte-18p56hv::before {
		animation-play-state: paused;
	}

	@keyframes svelte-18p56hv-circleSpin {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.wrapper.svelte-1ld5hqc {
		width: var(--size);
		height: var(--size);
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 0;
		box-sizing: border-box;
	}
	.inner.svelte-1ld5hqc {
		transform: scale(calc(var(--floatSize) / 52));
	}
	.ball-container.svelte-1ld5hqc {
		animation: svelte-1ld5hqc-ballTwo var(--duration) infinite;
		width: 44px;
		height: 44px;
		flex-shrink: 0;
		position: relative;
	}
	.single-ball.svelte-1ld5hqc {
		width: 44px;
		height: 44px;
		position: absolute;
	}
	.ball.svelte-1ld5hqc {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		position: absolute;
		animation: svelte-1ld5hqc-ballOne var(--duration) infinite ease;
	}
	.pause-animation.svelte-1ld5hqc {
		animation-play-state: paused;
	}
	.ball-top-left.svelte-1ld5hqc {
		background-color: var(--ballTopLeftColor);
		top: 0;
		left: 0;
	}
	.ball-top-right.svelte-1ld5hqc {
		background-color: var(--ballTopRightColor);
		top: 0;
		left: 24px;
	}
	.ball-bottom-left.svelte-1ld5hqc {
		background-color: var(--ballBottomLeftColor);
		top: 24px;
		left: 0;
	}
	.ball-bottom-right.svelte-1ld5hqc {
		background-color: var(--ballBottomRightColor);
		top: 24px;
		left: 24px;
	}
	@keyframes svelte-1ld5hqc-ballOne {
		0% {
			position: absolute;
		}
		50% {
			top: 12px;
			left: 12px;
			position: absolute;
			opacity: 0.5;
		}
		100% {
			position: absolute;
		}
	}
	@keyframes svelte-1ld5hqc-ballTwo {
		0% {
			transform: rotate(0deg) scale(1);
		}
		50% {
			transform: rotate(360deg) scale(1.3);
		}
		100% {
			transform: rotate(720deg) scale(1);
		}
	}

	.wrapper.svelte-114lbwa {
		position: relative;
		width: var(--size);
		height: var(--size);
	}
	.circle.svelte-114lbwa {
		position: absolute;
		width: var(--size);
		height: var(--size);
		background-color: var(--color);
		border-radius: 100%;
		opacity: 0.6;
		top: 0;
		left: 0;
		animation-fill-mode: both;
		animation-name: svelte-114lbwa-bounce !important;
	}
	.pause-animation.svelte-114lbwa {
		animation-play-state: paused;
	}
	@keyframes svelte-114lbwa-bounce {
		0%,
		100% {
			transform: scale(0);
		}
		50% {
			transform: scale(1);
		}
	}

	.svelte-1xynvbs {
		overflow: hidden;
		position: relative;
		text-indent: -9999px;
		display: inline-block;
		background: #f86;
		border-radius: 50%;
		transform: rotateZ(90deg);
		transform-origin: 50% 50%;
		animation: svelte-1xynvbs-plus-loader-background var(--duration) infinite ease-in-out;
	}

	.svelte-1xynvbs::after {
		background: #f86;
		border-radius: 50% 0 0 50%;
		content: '';
		position: absolute;
		right: 50%;
		top: 0;
		width: 50%;
		height: 100%;
		transform-origin: 100% 50%;
		animation: svelte-1xynvbs-plus-loader-top var(--duration) infinite linear;
	}

	.svelte-1xynvbs::before {
		background: #fc6;
		border-radius: 50% 0 0 50%;
		content: '';
		position: absolute;
		right: 50%;
		top: 0;
		width: 50%;
		height: 100%;
		transform-origin: 100% 50%;
		animation: svelte-1xynvbs-plus-loader-bottom var(--duration) infinite linear;
	}
	.pause-animation.svelte-1xynvbs,
	.pause-animation.svelte-1xynvbs::before,
	.pause-animation.svelte-1xynvbs::after {
		animation-play-state: paused;
	}

	@keyframes svelte-1xynvbs-plus-loader-top {
		2.5% {
			background: #f86;
			transform: rotateY(0deg);
			animation-timing-function: ease-in;
		}

		13.75% {
			background: #ff430d;
			transform: rotateY(90deg);
			animation-timing-function: step-start;
		}

		13.76% {
			background: #ffae0d;
			transform: rotateY(90deg);
			animation-timing-function: ease-out;
		}

		25% {
			background: #fc6;
			transform: rotateY(180deg);
		}

		27.5% {
			background: #fc6;
			transform: rotateY(180deg);
			animation-timing-function: ease-in;
		}

		41.25% {
			background: #ffae0d;
			transform: rotateY(90deg);
			animation-timing-function: step-start;
		}

		41.26% {
			background: #2cc642;
			transform: rotateY(90deg);
			animation-timing-function: ease-out;
		}

		50% {
			background: #6d7;
			transform: rotateY(0deg);
		}

		52.5% {
			background: #6d7;
			transform: rotateY(0deg);
			animation-timing-function: ease-in;
		}

		63.75% {
			background: #2cc642;
			transform: rotateY(90deg);
			animation-timing-function: step-start;
		}

		63.76% {
			background: #1386d2;
			transform: rotateY(90deg);
			animation-timing-function: ease-out;
		}

		75% {
			background: #4ae;
			transform: rotateY(180deg);
		}

		77.5% {
			background: #4ae;
			transform: rotateY(180deg);
			animation-timing-function: ease-in;
		}

		91.25% {
			background: #1386d2;
			transform: rotateY(90deg);
			animation-timing-function: step-start;
		}

		91.26% {
			background: #ff430d;
			transform: rotateY(90deg);
			animation-timing-function: ease-in;
		}

		100% {
			background: #f86;
			transform: rotateY(0deg);
			animation-timing-function: step-start;
		}
	}

	@keyframes svelte-1xynvbs-plus-loader-bottom {
		0% {
			background: #fc6;
			animation-timing-function: step-start;
		}

		50% {
			background: #fc6;
			animation-timing-function: step-start;
		}

		75% {
			background: #4ae;
			animation-timing-function: step-start;
		}

		100% {
			background: #4ae;
			animation-timing-function: step-start;
		}
	}

	@keyframes svelte-1xynvbs-plus-loader-background {
		0% {
			background: #f86;
			transform: rotateZ(180deg);
		}

		25% {
			background: #f86;
			transform: rotateZ(180deg);
			animation-timing-function: step-start;
		}

		27.5% {
			background: #6d7;
			transform: rotateZ(90deg);
		}

		50% {
			background: #6d7;
			transform: rotateZ(90deg);
			animation-timing-function: step-start;
		}

		52.5% {
			background: #6d7;
			transform: rotateZ(0deg);
		}

		75% {
			background: #6d7;
			transform: rotateZ(0deg);
			animation-timing-function: step-start;
		}

		77.5% {
			background: #f86;
			transform: rotateZ(270deg);
		}

		100% {
			background: #f86;
			transform: rotateZ(270deg);
			animation-timing-function: step-start;
		}
	}

	.wrapper.svelte-1rlyajf {
		width: var(--size);
		height: var(--size);
	}
	.circle.svelte-1rlyajf {
		width: var(--size);
		height: var(--size);
		background-color: var(--color);
		animation-duration: var(--duration);
		border-radius: 100%;
		display: inline-block;
		animation: svelte-1rlyajf-scaleOut var(--duration) ease-in-out infinite;
	}
	.pause-animation.svelte-1rlyajf {
		animation-play-state: paused;
	}
	@keyframes svelte-1rlyajf-scaleOut {
		0% {
			transform: scale(0);
		}
		100% {
			transform: scale(1);
			opacity: 0;
		}
	}

	.wrapper.svelte-11s1867 {
		width: var(--size);
		height: var(--stroke);
		transform: scale(calc(var(--floatSize) / 75));
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.line.svelte-11s1867 {
		width: var(--size);
		height: var(--stroke);
		background: var(--color);
		border-radius: var(--stroke);
		transform-origin: center center;
		animation: svelte-11s1867-spineLine var(--duration) ease infinite;
	}
	.pause-animation.svelte-11s1867 {
		animation-play-state: paused;
	}
	@keyframes svelte-11s1867-spineLine {
		0% {
			transform: rotate(-20deg);
			height: 5px;
			width: 75px;
		}
		5% {
			height: 5px;
			width: 75px;
		}
		30% {
			transform: rotate(380deg);
			height: 5px;
			width: 75px;
		}
		40% {
			transform: rotate(360deg);
			height: 5px;
			width: 75px;
		}
		55% {
			transform: rotate(0deg);
			height: 5px;
			width: 5px;
		}
		65% {
			transform: rotate(0deg);
			height: 5px;
			width: 85px;
		}
		68% {
			transform: rotate(0deg);
			height: 5px;
		}
		75% {
			transform: rotate(0deg);
			height: 5px;
			width: 1px;
		}
		78% {
			height: 5px;
			width: 5px;
		}
		90% {
			height: 5px;
			width: 75px;
			transform: rotate(0deg);
		}
		99%,
		100% {
			height: 5px;
			width: 75px;
			transform: rotate(-20deg);
		}
	}

	.wrapper.svelte-1et11w8 {
		height: var(--size);
		width: var(--size);
		display: inline-block;
		text-align: center;
		font-size: 10px;
	}
	.rect.svelte-1et11w8 {
		height: 100%;
		width: 10%;
		display: inline-block;
		margin-right: 4px;
		transform: scaleY(0.4);
		background-color: var(--color);
		animation: svelte-1et11w8-stretch var(--duration) ease-in-out infinite;
	}
	.pause-animation.svelte-1et11w8 {
		animation-play-state: paused;
	}
	@keyframes svelte-1et11w8-stretch {
		0%,
		40%,
		100% {
			transform: scaleY(0.4);
		}
		20% {
			transform: scaleY(1);
		}
	}

	.wrapper.svelte-1u7a0eb {
		height: calc(var(--size) / 15);
		width: calc(var(--size) * 2);
		background-color: var(--rgba);
		position: relative;
		overflow: hidden;
		background-clip: padding-box;
	}
	.lines.svelte-1u7a0eb {
		height: calc(var(--size) / 15);
		background-color: var(--color);
	}

	.small-lines.svelte-1u7a0eb {
		position: absolute;
		overflow: hidden;
		background-clip: padding-box;
		display: block;
		border-radius: 2px;
		will-change: left, right;
		animation-fill-mode: forwards;
	}
	.small-lines.\31 .svelte-1u7a0eb{
		animation: var(--duration) cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none
			running svelte-1u7a0eb-long;
	}
	.small-lines.\32 .svelte-1u7a0eb{
		animation: var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1) calc((var(--duration) + 0.1) / 2)
			infinite normal none running svelte-1u7a0eb-short;
	}
	.pause-animation.svelte-1u7a0eb {
		animation-play-state: paused;
	}

	@keyframes svelte-1u7a0eb-long {
		0% {
			left: -35%;
			right: 100%;
		}
		60% {
			left: 100%;
			right: -90%;
		}
		100% {
			left: 100%;
			right: -90%;
		}
	}
	@keyframes svelte-1u7a0eb-short {
		0% {
			left: -200%;
			right: 100%;
		}
		60% {
			left: 107%;
			right: -8%;
		}
		100% {
			left: 107%;
			right: -8%;
		}
	}

	.wrapper.svelte-1ctay1k {
		width: var(--size);
		height: var(--size);
	}
	.circle.svelte-1ctay1k {
		border-radius: 100%;
		animation-fill-mode: both;
		position: absolute;
		opacity: 0;
		width: var(--size);
		height: var(--size);
		background-color: var(--color);
		animation: svelte-1ctay1k-bounce var(--duration) linear infinite;
	}
	.pause-animation.svelte-1ctay1k {
		animation-play-state: paused;
	}
	@keyframes svelte-1ctay1k-bounce {
		0% {
			opacity: 0;
			transform: scale(0);
		}
		5% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			transform: scale(1);
		}
	}

	.wrapper.svelte-c5p9k6 {
		position: relative;
		width: var(--size);
		height: var(--size);
	}
	.border.svelte-c5p9k6 {
		border-color: var(--color);
		position: absolute;
		top: 0px;
		left: 0px;
		width: var(--size);
		height: var(--size);
		opacity: 0.4;
		perspective: 800px;
		border-width: 6px;
		border-style: solid;
		-o-border-image: initial;
		   border-image: initial;
		border-radius: 100%;
	}
	.border.\31 .svelte-c5p9k6{
		animation: var(--duration) linear 0s infinite normal none running svelte-c5p9k6-ringOne;
	}
	.border.\32 .svelte-c5p9k6{
		animation: var(--duration) linear 0s infinite normal none running svelte-c5p9k6-ringTwo;
	}
	.pause-animation.svelte-c5p9k6 {
		animation-play-state: paused;
	}

	@keyframes svelte-c5p9k6-ringOne {
		0% {
			transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		100% {
			transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
		}
	}
	@keyframes svelte-c5p9k6-ringTwo {
		0% {
			transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		100% {
			transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
		}
	}

	.wrapper.svelte-mqydc1 {
		height: var(--size);
		width: var(--size);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dot.svelte-mqydc1 {
		height: var(--dotSize);
		width: var(--dotSize);
		background-color: var(--color);
		margin: 2px;
		display: inline-block;
		border-radius: 100%;
		animation: svelte-mqydc1-sync var(--duration) ease-in-out infinite alternate both running;
	}
	.pause-animation.svelte-mqydc1 {
		animation-play-state: paused;
	}
	@keyframes svelte-mqydc1-sync {
		33% {
			transform: translateY(10px);
		}
		66% {
			transform: translateY(-10px);
		}
		100% {
			transform: translateY(0);
		}
	}

	.wrapper.svelte-10ysxtf {
		width: var(--size);
		height: calc(var(--size) / 2);
		overflow: hidden;
	}
	.rainbow.svelte-10ysxtf {
		width: var(--size);
		height: var(--size);
		border-left-color: transparent;
		border-bottom-color: transparent;
		border-top-color: var(--color);
		border-right-color: var(--color);
		box-sizing: border-box;
		transform: rotate(-200deg);
		border-radius: 50%;
		border-style: solid;
		animation: var(--duration) ease-in-out 0s infinite normal none running svelte-10ysxtf-rotate;
	}
	.pause-animation.svelte-10ysxtf {
		animation-play-state: paused;
	}
	@keyframes svelte-10ysxtf-rotate {
		0% {
			border-width: 10px;
		}
		25% {
			border-width: 3px;
		}
		50% {
			transform: rotate(115deg);
			border-width: 10px;
		}
		75% {
			border-width: 3px;
		}
		100% {
			border-width: 10px;
		}
	}

	.wrapper.svelte-1uk4jqe {
		width: calc(var(--size) * 1.3);
		height: calc(var(--size) * 1.3);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.firework.svelte-1uk4jqe {
		border: calc(var(--size) / 10) dotted var(--color);
		width: var(--size);
		height: var(--size);
		border-radius: 50%;
		animation: svelte-1uk4jqe-fire var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	}
	.pause-animation.svelte-1uk4jqe {
		animation-play-state: paused;
	}

	@keyframes svelte-1uk4jqe-fire {
		0% {
			opacity: 1;
			transform: scale(0.1);
		}
		25% {
			opacity: 0.85;
		}
		100% {
			transform: scale(1);
			opacity: 0;
		}
	}

	.wrapper.svelte-1yesw5o {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: var(--size);
		height: calc(var(--size) / 2.5);
	}
	.cube.svelte-1yesw5o {
		position: absolute;
		top: 0px;
		width: calc(var(--size) / 5);
		height: calc(var(--size) / 2.5);
		background-color: var(--color);
		animation: svelte-1yesw5o-motion var(--duration) cubic-bezier(0.895, 0.03, 0.685, 0.22) infinite;
	}
	.pause-animation.svelte-1yesw5o {
		animation-play-state: paused;
	}
	@keyframes svelte-1yesw5o-motion {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	.wrapper.svelte-pnnsu3 {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: var(--size);
		height: var(--size);
	}
	.ring.svelte-pnnsu3 {
		position: absolute;
		border: 2px solid var(--color);
		border-radius: 50%;
		background-color: transparent;
		animation: svelte-pnnsu3-motion var(--duration) ease infinite;
	}
	.pause-animation.svelte-pnnsu3 {
		animation-play-state: paused;
	}
	@keyframes svelte-pnnsu3-motion {
		0% {
			transform: translateY(var(--motionOne));
		}
		50% {
			transform: translateY(var(--motionTwo));
		}
		100% {
			transform: translateY(var(--motionThree));
		}
	}

	.wrapper.svelte-1luu01o {
		height: var(--size);
		width: var(--size);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.spinner.svelte-1luu01o {
		height: var(--size);
		width: var(--size);
		animation: svelte-1luu01o-rotate var(--duration) infinite linear;
	}
	.dot.svelte-1luu01o {
		width: 60%;
		height: 60%;
		display: inline-block;
		position: absolute;
		top: 0;
		background-color: var(--color);
		border-radius: 100%;
		animation: svelte-1luu01o-bounce var(--duration) infinite ease-in-out;
	}
	.pause-animation.svelte-1luu01o {
		animation-play-state: paused;
	}

	@keyframes svelte-1luu01o-rotate {
		100% {
			transform: rotate(360deg);
		}
	}
	@keyframes svelte-1luu01o-bounce {
		0%,
		100% {
			transform: scale(0);
		}
		50% {
			transform: scale(1);
		}
	}

	.square.svelte-11g0eio {
		height: var(--size);
		width: var(--size);
		background-color: var(--color);
		animation: svelte-11g0eio-squareDelay var(--duration) 0s infinite cubic-bezier(0.09, 0.57, 0.49, 0.9);
		animation-fill-mode: both;
		perspective: 100px;
		display: inline-block;
	}
	.pause-animation.svelte-11g0eio {
		animation-play-state: paused;
	}
	@keyframes svelte-11g0eio-squareDelay {
		25% {
			transform: rotateX(180deg) rotateY(0);
		}
		50% {
			transform: rotateX(180deg) rotateY(180deg);
		}
		75% {
			transform: rotateX(0) rotateY(180deg);
		}
		100% {
			transform: rotateX(0) rotateY(0);
		}
	}

	.wrapper.svelte-og5eod {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: var(--size);
		height: var(--size);
	}
	.shadow.svelte-og5eod {
		color: var(--color);
		font-size: var(--size);
		overflow: hidden;
		width: var(--size);
		height: var(--size);
		border-radius: 50%;
		margin: 28px auto;
		position: relative;
		transform: translateZ(0);
		animation: svelte-og5eod-load var(--duration) infinite ease, svelte-og5eod-round var(--duration) infinite ease;
	}
	.pause-animation.svelte-og5eod {
		animation-play-state: paused;
	}
	@keyframes svelte-og5eod-load {
		0% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
				0 -0.83em 0 -0.477em;
		}
		5%,
		95% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
				0 -0.83em 0 -0.477em;
		}
		10%,
		59% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
				-0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
		}
		20% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em,
				-0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
		}
		38% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em,
				-0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
		}
		100% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
				0 -0.83em 0 -0.477em;
		}
	}
	@keyframes svelte-og5eod-round {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.wrapper.svelte-15q7j0m {
		height: var(--size);
		width: var(--size);
		border-radius: 100%;
		animation: svelte-15q7j0m-moonStretchDelay var(--duration) 0s infinite linear;
		animation-fill-mode: forwards;
		position: relative;
	}
	.circle-one.svelte-15q7j0m {
		top: var(--moonSize);
		background-color: var(--color);
		width: calc(var(--size) / 7);
		height: calc(var(--size) / 7);
		border-radius: 100%;
		animation: svelte-15q7j0m-moonStretchDelay var(--duration) 0s infinite linear;
		animation-fill-mode: forwards;
		opacity: 0.8;
		position: absolute;
	}
	.circle-two.svelte-15q7j0m {
		opacity: 0.1;
		border: calc(var(--size) / 7) solid var(--color);
		height: var(--size);
		width: var(--size);
		border-radius: 100%;
		box-sizing: border-box;
	}
	.pause-animation.svelte-15q7j0m {
		animation-play-state: paused;
	}
	@keyframes svelte-15q7j0m-moonStretchDelay {
		100% {
			transform: rotate(360deg);
		}
	}

	.wrapper.svelte-1gr3osz {
		height: var(--size);
		width: var(--size);
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.wrapper.svelte-1gr3osz :where(.svelte-1gr3osz) {
		line-height: 0;
		box-sizing: border-box;
	}
	.spinner-inner.svelte-1gr3osz {
		height: var(--size);
		width: var(--size);
		transform: scale(calc(var(--size) / 70));
	}

	.mask.svelte-1gr3osz {
		position: absolute;
		border-radius: 2px;
		overflow: hidden;
		perspective: 1000;
		backface-visibility: hidden;
	}

	.plane.svelte-1gr3osz {
		background: var(--color);
		width: 400%;
		height: 100%;
		position: absolute;
		z-index: 100;
		perspective: 1000;
		backface-visibility: hidden;
	}

	#top.svelte-1gr3osz .plane:where(.svelte-1gr3osz) {
		z-index: 2000;
		animation: svelte-1gr3osz-trans1 var(--duration) ease-in infinite 0s backwards;
	}
	#middle.svelte-1gr3osz .plane:where(.svelte-1gr3osz) {
		transform: translate3d(0px, 0, 0);
		background: var(--rgba);
		animation: svelte-1gr3osz-trans2 var(--duration) linear infinite calc(var(--duration) / 4) backwards;
	}
	#bottom.svelte-1gr3osz .plane:where(.svelte-1gr3osz) {
		z-index: 2000;
		animation: svelte-1gr3osz-trans3 var(--duration) ease-out infinite calc(var(--duration) / 2) backwards;
	}
	#top.svelte-1gr3osz {
		width: 53px;
		height: 20px;
		left: 20px;
		top: 5px;
		transform: skew(-15deg, 0);
		z-index: 100;
	}
	#middle.svelte-1gr3osz {
		width: 33px;
		height: 20px;
		left: 20px;
		top: 21px;
		transform: skew(-15deg, 40deg);
	}
	#bottom.svelte-1gr3osz {
		width: 53px;
		height: 20px;
		top: 35px;
		transform: skew(-15deg, 0);
	}

	.pause-animation.svelte-1gr3osz .plane:where(.svelte-1gr3osz) {
		animation-play-state: paused;
	}

	@keyframes svelte-1gr3osz-trans1 {
		from {
			transform: translate3d(53px, 0, 0);
		}
		to {
			transform: translate3d(-250px, 0, 0);
		}
	}
	@keyframes svelte-1gr3osz-trans2 {
		from {
			transform: translate3d(-160px, 0, 0);
		}
		to {
			transform: translate3d(53px, 0, 0);
		}
	}
	@keyframes svelte-1gr3osz-trans3 {
		from {
			transform: translate3d(53px, 0, 0);
		}
		to {
			transform: translate3d(-220px, 0, 0);
		}
	}

	span.svelte-1wtjgh6 {
		width: var(--size);
		height: calc(var(--size) / 4);
		position: relative;
		display: block;
	}
	div.svelte-1wtjgh6 {
		width: calc(var(--size) / 4);
		height: calc(var(--size) / 4);
		position: absolute;
		left: 0%;
		top: 0;
		border-radius: 2px;
		background: var(--color);
		transform: translateX(-50%) rotate(45deg) scale(0);
		animation: svelte-1wtjgh6-diamonds var(--duration) linear infinite;
	}
	div.svelte-1wtjgh6:nth-child(1) {
		animation-delay: calc(var(--duration) * 2 / 3 * -1);
	}
	div.svelte-1wtjgh6:nth-child(2) {
		animation-delay: calc(var(--duration) * 2 / 3 * -2);
	}
	div.svelte-1wtjgh6:nth-child(3) {
		animation-delay: calc(var(--duration) * 2 / 3 * -3);
	}
	.pause-animation.svelte-1wtjgh6 div:where(.svelte-1wtjgh6) {
		animation-play-state: paused;
	}

	@keyframes svelte-1wtjgh6-diamonds {
		50% {
			left: 50%;
			transform: translateX(-50%) rotate(45deg) scale(1);
		}
		100% {
			left: 100%;
			transform: translateX(-50%) rotate(45deg) scale(0);
		}
	}

	div.svelte-1s9xlzj {
		position: relative;
		width: var(--size);
		height: var(--size);
		background-color: transparent;
		box-shadow: inset 0px 0px 0px 2px var(--color);
		border-radius: 50%;
	}
	div.svelte-1s9xlzj::before,
	div.svelte-1s9xlzj::after {
		position: absolute;
		content: '';
		background-color: var(--color);
	}
	div.svelte-1s9xlzj::after {
		width: calc(var(--size) / 2.4);
		height: 2px;
		top: calc(var(--size) / 2);
		left: calc(var(--size) / 2);
		transform-origin: 1px 1px;
		animation: svelte-1s9xlzj-rotate calc(var(--duration) / 4) linear infinite;
	}
	div.svelte-1s9xlzj::before {
		width: calc(var(--size) / 3);
		height: 2px;
		top: calc((var(--size) / 2));
		left: calc((var(--size) / 2));
		transform-origin: 1px 1px;
		animation: svelte-1s9xlzj-rotate var(--duration) linear infinite;
	}
	.pause-animation.svelte-1s9xlzj,
	.pause-animation.svelte-1s9xlzj::before,
	.pause-animation.svelte-1s9xlzj::after {
		animation-play-state: paused;
	}
	@keyframes svelte-1s9xlzj-rotate {
		100% {
			transform: rotate(360deg);
		}
	}

	.wrapper.svelte-1rumbqe {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(var(--size) * 2.5);
		height: var(--size);
		overflow: hidden;
	}
	.bar.svelte-1rumbqe {
		position: absolute;
		top: calc(var(--size) / 10);
		width: calc(var(--size) / 5);
		height: calc(var(--size) / 10);
		margin-top: calc(var(--size) - var(--size) / 10);
		transform: skewY(0deg);
		background-color: var(--color);
		animation: svelte-1rumbqe-motion var(--duration) ease-in-out infinite;
	}
	.pause-animation.svelte-1rumbqe {
		animation-play-state: paused;
	}
	@keyframes svelte-1rumbqe-motion {
		25% {
			transform: skewY(25deg);
		}
		50% {
			height: 100%;
			margin-top: 0;
		}
		75% {
			transform: skewY(-25deg);
		}
	}

	.wrapper.svelte-14u7y84 {
		display: inherit;
		position: relative;
		width: var(--size);
		height: var(--size);
	}
	.circle.svelte-14u7y84 {
		position: absolute;
		width: var(--size);
		height: var(--size);
		border: thick solid var(--rgba);
		border-radius: 50%;
		opacity: 1;
		top: 0px;
		left: 0px;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.3, 0.61, 0.355, 1);
		animation-direction: normal, normal;
		animation-fill-mode: none, none;
		animation-play-state: running, running;
		animation-name: svelte-14u7y84-puff-1, svelte-14u7y84-puff-2;
		box-sizing: border-box;
	}
	.pause-animation.svelte-14u7y84 {
		animation-play-state: paused;
	}
	@keyframes svelte-14u7y84-puff-1 {
		0% {
			transform: scale(0);
		}
		100% {
			transform: scale(1);
		}
	}
	@keyframes svelte-14u7y84-puff-2 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

	.wrapper.svelte-jnrlfo {
		width: var(--size);
		height: calc(var(--size) * 1.5);
		margin-left: var(--size);
		background: var(--color);
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		animation: svelte-jnrlfo-bump var(--duration) ease-in infinite alternate;
	}
	.wrapper.svelte-jnrlfo::after {
		content: '';
		box-sizing: border-box;
		left: 50%;
		top: 100%;
		transform: translate(-50%, 0);
		position: absolute;
		border: var(--size) solid transparent;
		border-top-color: var(--color);
	}

	.pause-animation.svelte-jnrlfo {
		animation-play-state: paused;
	}
	@keyframes svelte-jnrlfo-bump {
		0% {
			transform: translate(-50%, 5px);
		}
		100% {
			transform: translate(-50%, -5px);
		}
	}

	.wrapper.svelte-10o3xbl {
		width: var(--size);
		height: calc(var(--size) * 1.5);
		margin-left: var(--size);
		margin-top: var(--size);
		background: var(--color);
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		animation: svelte-10o3xbl-bump var(--duration) ease-in infinite alternate;
	}
	.wrapper.svelte-10o3xbl::after {
		content: '';
		box-sizing: border-box;
		left: 50%;
		bottom: 100%;
		transform: translate(-50%, 0);
		position: absolute;
		border: var(--size) solid transparent;
		border-bottom-color: var(--color);
	}

	.pause-animation.svelte-10o3xbl {
		animation-play-state: paused;
	}
	@keyframes svelte-10o3xbl-bump {
		0% {
			transform: translate(-50%, 5px);
		}
		100% {
			transform: translate(-50%, -5px);
		}
	}