.mark[data-astro-cid-7rpdq7m4] {
  fill: currentColor;
  stroke: none;
}
.orbiter[data-astro-cid-xm6putp3] {
  --speed: 1;
  --angle: 0deg;
  --radius: 0px;
  ---translate: translate(var(--radius));
  ---rotate: rotate(var(--angle));
  transform: translate(var(---offsetX), var(---offsetY));
}

.orbiter-rotator[data-astro-cid-xm6putp3] {
  transform-origin: center;
  transform: var(---rotate);
  animation: rotate calc(var(---speed-default) / var(--speed)) linear
			infinite;
}

[data-astro-cid-xm6putp3][data-direction="-1"] {
  & > .orbiter-rotator[data-astro-cid-xm6putp3] {
    animation-direction: reverse;
  }
}

.orbiter-body[data-astro-cid-xm6putp3] {
  transform: var(---translate);
}

.orbiter-lineTrail[data-astro-cid-xm6putp3] {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;
  stroke-linecap: round;
  transform-origin: center;
}

[data-astro-cid-xm6putp3][data-style-line-trail="tail:animated"] .orbiter-lineTrail[data-astro-cid-xm6putp3] {
  stroke-dasharray: .02;
  animation: tail calc(var(---speed-default) / var(--speed) * .8) linear
			infinite;
}

.orbiter-lineRadius[data-astro-cid-xm6putp3] {
  stroke: currentColor;
  stroke-width: 1px;
}

@keyframes tail {
  from {
    stroke-dashoffset: 1px;
  }

  to {
    stroke-dashoffset: 0;
  }
}
.planet[data-astro-cid-pp36sk6i] circle[data-astro-cid-pp36sk6i] {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;

  &:first-child {
    fill: #fff;
  }
}
.sun-spheres[data-astro-cid-d2hz67ou] circle[data-astro-cid-d2hz67ou] {
  fill: none;
  stroke: currentColor;
  fill: #fff;

  &:nth-child(2) {
    stroke-width: 4px;
  }
}

.sun-rays[data-astro-cid-d2hz67ou] {
  transform-origin: center;
  animation: rotate calc(var(---speed-default) / var(--speed, 1)) linear
			infinite normal;
}

[data-astro-cid-d2hz67ou][data-direction="-1"] {
  & .sun-rays {
    animation-direction: reverse;
  }
}
.moon[data-astro-cid-7bzivfam] circle[data-astro-cid-7bzivfam] {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;

  &:first-child {
    fill: #fff;
  }
}
.grid-lines[data-astro-cid-cqucsp5l] line[data-astro-cid-cqucsp5l] {
  stroke: currentColor;
  stroke-width: 1px;
}

.grid-content-background[data-astro-cid-cqucsp5l] {
  fill: #fff;
}

.grid-content[data-astro-cid-cqucsp5l] circle[data-astro-cid-cqucsp5l] {
  fill: none;
  stroke: currentColor;

  &:first-child {
    stroke-width: 10px;
  }

  &:nth-child(2) {
    stroke-width: 20px;
  }

  &:nth-child(3) {
    stroke-width: 30px;
  }
}
.o3 {
		height: 100vh;
		height: 100svh;
		width: 100vw;
		position: relative;
		overflow: visible;
		background-color: white;

		svg {
			width: 100vmin;
			position: absolute;
			inset: 0;
			margin: auto;
			transform: translate3d(0, 0, 0);
			overflow: visible;
			color: black;
			---speed-default: 70000ms;
		}

		svg * {
			vector-effect: non-scaling-stroke;
		}

		path,
		line {
			fill: none;
			stroke: currentColor;
			stroke-width: 1px;
		}
	}

	.system.-n1 {
		transform: translate(-250px, 150px);
	}

	@keyframes rotate {
		from {
			transform: rotate(var(--angle, 0deg));
		}
		to {
			transform: rotate(calc(var(--angle, 0deg) + 360deg));
		}
	}