.gnv-update-time {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(123, 97, 255, 0.1);
	border: 1px solid rgba(123, 97, 255, 0.3);
	color: var(--main);
	padding: 12px 20px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	margin-left: auto;
	white-space: nowrap;
}

	.gnv-update-time i {
		font-size: 18px;
		animation: time-pulse 2s infinite;
	}

@keyframes time-pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@media (max-width: 767.98px) {
	.gnv-update-time {
		margin-left: 0;
		flex: 1 1 100%;
		justify-content: center;
	}
}
.gnv-side-avatar {
	position: absolute;
	bottom: 80px;
	z-index: 1;
	pointer-events: none;
	height: 85vh;
	max-height: 950px;
	object-fit: contain;
	opacity: 0.85;
	transition: opacity 0.5s ease;
	-webkit-mask-image: linear-gradient(to top, transparent 2%, black 20%);
	mask-image: linear-gradient(to top, transparent 2%, black 20%);
}

.gnv-avatar-left {
	left: -2%;
}

.gnv-avatar-right {
	right: -2%;
}


@media (max-width: 1400px) {
	.gnv-side-avatar {
		display: none !important;
	}
}

.gnv-premium-wrapper {
	margin: -80px auto 0 auto !important;
	position: relative;
	z-index: 10;
}

.gnv-side-avatar {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	object-fit: contain;
	opacity: 0.85;
	transition: all 0.5s ease;
	-webkit-mask-image: linear-gradient(to top, transparent 2%, black 20%);
	mask-image: linear-gradient(to top, transparent 2%, black 20%);
}

.gnv-avatar-left {
	left: 0;
}

.gnv-avatar-right {
	right: 0;
}


@media (min-width: 2501px) {
	.gnv-premium-wrapper {
		max-width: 80% !important;
	}

	.gnv-side-avatar {
		bottom: 5vh;
		height: 75vh;
	}
}


@media (min-width: 2000px) and (max-width: 2500px) {
	.gnv-premium-wrapper {
		max-width: 76vw !important;
	}

	.gnv-side-avatar {
		bottom: 25vh;
		height: 75vh;
	}
}


@media (min-width: 1500px) and (max-width: 1999px) {
	.gnv-premium-wrapper {
		max-width: 80vw !important;
	}

	.gnv-side-avatar {
		bottom: 40vh;
		height: 70vh;
	}
}


@media (min-width: 1200px) and (max-width: 1499px) {
	.gnv-premium-wrapper {
		max-width: 86vw !important;
	}

	.gnv-side-avatar {
		bottom: 18vh;
		height: 65vh;
	}

	.gnv-avatar-left {
		left: -3%;
	}

	.gnv-avatar-right {
		right: -3%;
	}
}

@media (max-width: 1199px) {
	.gnv-premium-wrapper {
		max-width: 100% !important;
		background: transparent;
		border: none;
		box-shadow: none;
		padding: 0 15px;
	}

	.gnv-side-avatar {
		display: none !important;
	}
}