.grid-fade-bg.svelte-1x05zx6 {
		position: relative;
		overflow: hidden;
	}

	.grid-fade-bg.svelte-1x05zx6::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-image:
			linear-gradient(rgba(156, 163, 175, 0.25) 1px, transparent 1px),
			linear-gradient(90deg, rgba(156, 163, 175, 0.25) 1px, transparent 1px);
		background-size: 40px 40px;
		mask: linear-gradient(
			135deg,
			rgba(0, 0, 0, 0.8) 0%,
			rgba(0, 0, 0, 0.4) 25%,
			rgba(0, 0, 0, 0.1) 50%,
			rgba(0, 0, 0, 0) 75%
		);
		-webkit-mask: linear-gradient(
			135deg,
			rgba(0, 0, 0, 0.8) 0%,
			rgba(0, 0, 0, 0.4) 25%,
			rgba(0, 0, 0, 0.1) 50%,
			rgba(0, 0, 0, 0) 75%
		);
		animation: svelte-1x05zx6-grid-float 20s ease-in-out infinite;
		pointer-events: none;
		z-index: 1;
	}

	.dark .grid-fade-bg.svelte-1x05zx6::before {
		background-image:
			linear-gradient(rgba(75, 85, 99, 0.3) 1px, transparent 1px),
			linear-gradient(90deg, rgba(75, 85, 99, 0.3) 1px, transparent 1px);
	}

	.login-card.svelte-1x05zx6 {
		position: relative;
		z-index: 10;
	}

	@keyframes svelte-1x05zx6-grid-float {
		0%,
		100% {
			transform: translate(0, 0);
		}
		25% {
			transform: translate(-10px, -10px);
		}
		50% {
			transform: translate(-5px, -15px);
		}
		75% {
			transform: translate(-15px, -5px);
		}
	}