#sheitech-preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(255, 255, 255, .25);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	z-index: 999999999;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity .15s ease-out, visibility .15s ease-out, transform .15s ease-out;
}

.loader-wrapper {
	position: relative;
	width: 150px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader-radar {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: conic-gradient(from 0deg, transparent 60%, #ff2929 100%);
	animation: spin-radar 1s linear infinite;
	-webkit-mask-image: radial-gradient(transparent 62%, black 63%);
	mask-image: radial-gradient(transparent 62%, black 63%);
	z-index: 1;
}

.loader-glow {
	position: absolute;
	width: 82%;
	height: 82%;
	border-radius: 50%;
	border: 2px solid rgba(255, 41, 41, .3);
	box-shadow: 0 0 20px rgba(255, 41, 41, .4), inset 0 0 15px rgba(255, 41, 41, .2);
	z-index: 2;
	animation: pulse-ring 1.5s ease-in-out infinite alternate;
}

.loader-logo {
	width: 75px;
	height: auto;
	z-index: 3;
	animation: logo-pop 1.5s cubic-bezier(.175, .885, .32, 1.275) infinite alternate;
	filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, .15));
}

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

@keyframes pulse-ring {
	0% {
		transform: scale(.95);
		opacity: .6;
	}
	
	100% {
		transform: scale(1.05);
		opacity: 1;
		border-color: rgba(255, 41, 41, .6);
	}
}

@keyframes logo-pop {
	0% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1.1);
	}
}