.initial-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #080E1A;
	z-index: 9999;
}

.initial-spinner {
	width: 40px;
	height: 40px;
	border: 3px solid rgba(255, 255, 255, 0.1);
	border-top-color: #3b82f6;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

[data-theme="light"] .initial-loader {
	background-color: #ffffff;
}

[data-theme="light"] .initial-spinner {
	border-color: rgba(0, 0, 0, 0.1);
	border-top-color: #2563eb;
}