.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bs-dark);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: rgba(var(--bs-light-rgb), 1);
	z-index: 9999;
	&__content {
		width: 100%;
		text-align: center;
	}
	&__percent {
		font-size: clamp(2.7rem, 3.789vw + 1rem, 6rem);
		font-weight: bold;
		animation: hidePreloader 1s ease-in-out infinite;
	}
	&__progress-bar {
		width: 100%;
		height: 0.25rem;
		background: rgba(var(--bs-light-rgb), 0.35);
		border-radius: 5px;
		overflow: hidden;
		margin: 0 auto;
	}
	&__progress {
		height: 100%;
		width: 0%;
		background: var(--bs-primary);
		transition: width 0.1s linear;
	}
}
