.taofoods-logistics-orbit {
	--taofoods-orbit-duration: 34s;
	--taofoods-orbit-max-width: 1120px;
	--taofoods-icon-size: 84px;
	--taofoods-path-width: 3px;
	--taofoods-path-color: #9f9f9f;
	--taofoods-ring-size: 98%;
	--taofoods-safe-top-setting: 56px;
	--taofoods-safe-side-setting: 96px;
	--taofoods-safe-top: clamp(28px, 8vw, var(--taofoods-safe-top-setting));
	--taofoods-safe-side: min(var(--taofoods-safe-side-setting), 12vw);
	--taofoods-ring-top: calc((var(--taofoods-effective-icon-size) * 0.46) + (var(--taofoods-safe-top) * 0.06));
	--taofoods-effective-icon-size: clamp(32px, 8vw, var(--taofoods-icon-size));

	contain: layout style;
	margin-inline: auto;
	max-width: calc(var(--taofoods-orbit-max-width) + (var(--taofoods-safe-side) * 2));
	width: 100%;
}

.taofoods-logistics-orbit *,
.taofoods-logistics-orbit *::before,
.taofoods-logistics-orbit *::after {
	box-sizing: border-box;
}

.taofoods-logistics-orbit__stage {
	isolation: isolate;
	padding-top: var(--taofoods-safe-top);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.taofoods-logistics-orbit__stage::before {
	aspect-ratio: var(--taofoods-world-aspect-ratio, 1014 / 455);
	content: "";
	display: block;
	margin-inline: auto;
	width: calc(100% - (var(--taofoods-safe-side) * 2));
}

.taofoods-logistics-orbit__world {
	bottom: 0;
	display: block;
	height: auto;
	left: 50%;
	max-width: 100%;
	position: absolute;
	transform: translateX(-50%);
	width: calc(100% - (var(--taofoods-safe-side) * 2));
	z-index: 2;
}

.taofoods-logistics-orbit__path,
.taofoods-logistics-orbit__track {
	aspect-ratio: 1;
	border-radius: 50%;
	left: 50%;
	position: absolute;
	top: var(--taofoods-ring-top);
	transform: translateX(-50%);
	width: max(64%, calc(var(--taofoods-ring-size) - (var(--taofoods-safe-side) * 2)));
}

.taofoods-logistics-orbit__path {
	border: var(--taofoods-path-width) dashed var(--taofoods-path-color);
	opacity: 0.92;
	z-index: 1;
}

.taofoods-logistics-orbit__track {
	animation: taofoods-logistics-orbit-spin var(--taofoods-orbit-duration) linear infinite;
	pointer-events: none;
	transform-origin: 50% 50%;
	will-change: transform;
	z-index: 3;
}

.taofoods-logistics-orbit__item {
	inset: 0;
	position: absolute;
	transform: rotate(var(--start-angle));
	transform-origin: 50% 50%;
}

.taofoods-logistics-orbit__icon {
	display: block;
	height: auto;
	left: 50%;
	max-width: none;
	position: absolute;
	top: calc(var(--taofoods-effective-icon-size) * var(--item-scale, 1) * -0.46);
	transform: translateX(-50%) rotate(var(--icon-rotation));
	transform-origin: 50% 50%;
	width: calc(var(--taofoods-effective-icon-size) * var(--item-scale, 1));
}

.taofoods-logistics-orbit.is-pause-on-hover:hover .taofoods-logistics-orbit__track {
	animation-play-state: paused;
}

@keyframes taofoods-logistics-orbit-spin {
	to {
		transform: translateX(-50%) rotate(360deg);
	}
}

@media (max-width: 767px) {
	.taofoods-logistics-orbit {
		--taofoods-ring-size: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.taofoods-logistics-orbit__track {
		animation: none;
	}
}