/*
 Theme Name:   Application E-Vision
 Theme URI:    https://www.e-vision.fr/
 Description:  E-Vision application
 Author:       Digimeo
 Author URI:   https://www.app.e-vision.fr/
 Version:      1.0
*/
@charset "UTF-8";

#loader {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background: #E2E2E244;
	position: absolute;
	z-index: 9999999999;
	/* top: 50%;
	 left: 50%;
	 transform: translate(-50%,-50%); */
	backdrop-filter: blur(4px);
	width: 100%;
	height: 100vh;
}

.load-container {
	position: absolute;
	animation: rotate 3s linear infinite;
}

.load-container:last-of-type {
	z-index: -1;
	margin: 1%;
}

.triangle {
	position: relative;
	text-align: left;
	transform-origin: 33.33% 66.66%;
}

.triangle:before,
.triangle:after {
	content: '';
	position: absolute;
	background: inherit;
}

.triangle,
.triangle:before,
.triangle:after {
	width: .8rem;
	height: .8rem;
	border-top-right-radius: 40%;
}

.triangle:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}

.triangle:after {
	transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}

.triangle:first-of-type {
	background: #7b56f8;
	transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866) translate(143.33%, 110%);
	animation: first 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.triangle:last-of-type {
	background: #441497;
	transform: rotate(0deg) skewX(-30deg) scale(1, 0.866) translate(-100%, -4%);
	animation: last 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.triangle.shadow,
.triangle.shadow:before,
.triangle.shadow:after {
	background: #bcadff11;
	backface-visibility: hidden;
	perspective: 1000px;
	filter: blur(0.5em);
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
	}
}

@keyframes first {
	0% {
		transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866) translate(143.33%, 110%);
	}

	33% {
		transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866) translate(-76.67%, -120%);
	}

	66% {
		transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866) translate(-76.67%, 112%);
	}
}

@keyframes last {
	0% {
		transform: rotate(0deg) skewX(-30deg) scale(1, 0.866) translate(-100%, -4%);
	}

	33% {
		transform: rotate(0deg) skewX(-30deg) scale(1, 0.866) translate(134%, -4%);
	}

	66% {
		transform: rotate(0deg) skewX(-30deg) scale(1, 0.866) translate(-89%, -214%);
	}
}