.nexus-globe-effect {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 260px;
	max-width: 100%;
	overflow: hidden;
	pointer-events: none;
	isolation: isolate;
	contain: layout paint style;
	background: transparent;
	-webkit-mask-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 1) 66%,
		rgba(0, 0, 0, 0.82) 82%,
		rgba(0, 0, 0, 0) 100%
	);
	mask-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 1) 66%,
		rgba(0, 0, 0, 0.82) 82%,
		rgba(0, 0, 0, 0) 100%
	);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.nexus-globe-effect__canvas,
.nexus-globe-effect__glow {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.nexus-globe-effect__canvas {
	z-index: 2;
	display: block;
	background: transparent;
}

.nexus-globe-effect__glow {
	z-index: 1;
	transform: scale(0.78);
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 42%, rgba(199, 190, 255, 0.24), rgba(118, 160, 255, 0.1) 34%, transparent 66%),
		radial-gradient(circle at 58% 50%, rgba(255, 255, 255, 0.12), transparent 48%);
	filter: blur(28px);
	opacity: 0.72;
}

@media (max-width: 767px) {
	.nexus-globe-effect {
		min-height: 220px;
	}

	.nexus-globe-effect__glow {
		transform: scale(0.72);
		filter: blur(22px);
		opacity: 0.58;
	}
}