/**
 * Orbita desktop: pill sul perimetro, leggibili, hover gaming.
 */
@media (min-width: 1141px) {
	.vc-marketplace__hero-visual {
		padding-bottom: 12px;
	}

	.vc-marketplace__orbit {
		width: min(100%, 640px) !important;
		max-width: 640px;
		--vc-orbit-pull: min(42cqmin, 268px);
	}

	.vc-marketplace__orbit-ring {
		inset: 20px;
		border-width: 10px;
	}

	.vc-marketplace__orbit-pill {
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		cursor: pointer;
		z-index: 3;
		min-height: 40px;
		padding: 8px 13px;
		font-size: var(--vc-orbit-pill-font, 0.78rem) !important;
		font-weight: 800;
		max-width: var(--vc-orbit-pill-max, 7.5rem) !important;
		white-space: nowrap;
		line-height: 1.15;
		pointer-events: auto;
		isolation: isolate;
		transition:
			transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
			box-shadow 0.28s ease,
			border-color 0.28s ease,
			filter 0.28s ease,
			color 0.2s ease;
	}

	.vc-marketplace__orbit-pill--wrap {
		white-space: normal;
		max-width: var(--vc-orbit-pill-max, 6.75rem) !important;
		line-height: 1.12 !important;
	}

	.vc-marketplace__orbit-pill-text {
		pointer-events: none;
	}

	.vc-marketplace__orbit-pill:hover,
	.vc-marketplace__orbit-pill:focus-visible {
		z-index: 12 !important;
		color: #0369a1 !important;
		border-color: rgba(4, 184, 216, 0.75) !important;
		filter: brightness(1.04) drop-shadow(0 0 14px rgba(4, 184, 216, 0.45));
		box-shadow:
			0 8px 28px rgba(4, 69, 175, 0.22),
			0 0 0 2px rgba(4, 184, 216, 0.35),
			0 0 24px rgba(255, 197, 50, 0.25),
			inset 0 1px 0 rgba(255, 255, 255, 1) !important;
		transform: translate(-50%, -50%)
			rotate(var(--vc-orbit-angle, 0deg))
			translate(0, calc(-1 * var(--vc-orbit-pull, 248px) * var(--vc-orbit-pull-mult, 1)))
			rotate(calc(-1 * var(--vc-orbit-angle, 0deg)))
			scale(1.07) !important;
		outline: none;
		animation: vcOrbitPillHoverGlow 1.4s ease-in-out infinite;
	}

	.vc-marketplace__orbit-pill:hover::before,
	.vc-marketplace__orbit-pill:focus-visible::before {
		opacity: 0.85;
		animation: vcOrbitPillSmokeHover 1.1s ease-out forwards;
	}

	.vc-marketplace__orbit-pill:active {
		transform: translate(-50%, -50%)
			rotate(var(--vc-orbit-angle, 0deg))
			translate(0, calc(-1 * var(--vc-orbit-pull, 248px) * var(--vc-orbit-pull-mult, 1)))
			rotate(calc(-1 * var(--vc-orbit-angle, 0deg)))
			scale(1.02) !important;
	}

	.vc-gaming .vc-marketplace__orbit-pill:hover,
	.vc-gaming .vc-marketplace__orbit-pill:focus-visible {
		box-shadow:
			0 10px 32px rgba(4, 69, 175, 0.28),
			0 0 0 2px rgba(0, 240, 255, 0.5),
			0 0 28px rgba(124, 58, 237, 0.2),
			0 0 20px rgba(255, 197, 50, 0.35),
			inset 0 1px 0 rgba(255, 255, 255, 1) !important;
	}
}

@keyframes vcOrbitPillHoverGlow {
	0%,
	100% {
		filter: brightness(1.03) drop-shadow(0 0 10px rgba(4, 184, 216, 0.35));
	}
	50% {
		filter: brightness(1.08) drop-shadow(0 0 18px rgba(255, 197, 50, 0.4));
	}
}

@keyframes vcOrbitPillSmokeHover {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.6);
	}
	40% {
		opacity: 0.9;
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.35);
	}
}