fix: css identation issues fixed

src/components/MyKiva/BadgeContainer.vue

@@ -248,6 +248,7 @@ onMounted(() => {
 	0% {
 		@apply tw--top-full tw--left-full;
 	}
+
 	100% {
 		@apply tw-top-full tw-left-full;
 	}

src/components/Thanks/MyKiva/ThanksBadges.vue

@@ -450,12 +450,13 @@ watch(() => badgeData.value, () => {
 /** Rays */
 .ray_box {
 	@apply tw-absolute tw-mx-auto tw-left-0 tw-right-0 tw-bottom-0 tw-aspect-square tw-top-5;
+
 	width: 250px;
 }
 
 .ray {
-	background: linear-gradient(180deg, rgba(241, 179, 67, 0.03) 0%,
-	rgba(241, 179, 67, 0.25) 50%, rgba(241, 179, 67, 0.03) 100%);
+	background: linear-gradient(180deg, rgba(241 179 67 / 3%) 0%,
+	rgba(241 179 67 / 25%) 50%, rgba(241 179 67 / 3%) 100%);
 	border-radius:80% 80% 0 0;
 	animation: ray_anim 2.5s ease-in-out infinite;
 	@apply tw-absolute tw-ml-1;
@@ -472,6 +473,7 @@ watch(() => badgeData.value, () => {
 		top: -12%;
 	}
 }
+
 .ray2 {
 	transform: rotate(220deg);
 	animation-delay: 1s;
@@ -485,6 +487,7 @@ watch(() => badgeData.value, () => {
 		left: 85%;
 	}
 }
+
 .ray3 {
 	transform: rotate(250deg);
 	animation-delay: 1.5s;
@@ -498,6 +501,7 @@ watch(() => badgeData.value, () => {
 		left: 105%;
 	}
 }
+
 .ray4 {
 	transform: rotate(305deg);
 	animation-delay: 0.5s;
@@ -511,6 +515,7 @@ watch(() => badgeData.value, () => {
 		left: 98%;
 	}
 }
+
 .ray5 {
 	transform: rotate(-15deg);
 	animation-delay: 1s;
@@ -524,6 +529,7 @@ watch(() => badgeData.value, () => {
 		left: 58%;
 	}
 }
+
 .ray6 {
 	transform: rotate(30deg);
 	animation-delay: 2s;
@@ -537,6 +543,7 @@ watch(() => badgeData.value, () => {
 		left: 15%;
 	}
 }
+
 .ray7 {
 	transform: rotate(70deg);
 	animation-delay: 1.5s;
@@ -550,6 +557,7 @@ watch(() => badgeData.value, () => {
 		left: -15%;
 	}
 }
+
 .ray8 {
 	transform: rotate(100deg);
 	animation-delay: 0.5s;
@@ -563,6 +571,7 @@ watch(() => badgeData.value, () => {
 		left: -20%;
 	}
 }
+
 .ray9 {
 	transform: rotate(120deg);
 	animation-delay: 2s;
@@ -576,6 +585,7 @@ watch(() => badgeData.value, () => {
 		left: -15%;
 	}
 }
+
 .ray10 {
 	transform: rotate(150deg);
 	animation-delay: 1s;
@@ -594,12 +604,15 @@ watch(() => badgeData.value, () => {
 	0% {
 		opacity: 0.4;
 	}
+
 	25% {
 		opacity: 1;
 	}
+
 	75% {
 		opacity: 1;
 	}
+
     100% {
 		opacity: 0.4;
 	}