.xyz-empty-screen {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.xyz-empty-logo-full {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xyz-empty-logo-full svg {
	width: 60vmin !important;
	height: 60vmin !important;
	max-width: 800px;
	max-height: 800px;
	display: block;
}

.xyz-empty-logo-full svg polygon {
	stroke-width: 4;
}
/* SVG animations */
@-webkit-keyframes animate-svg-stroke-1 {
	0% { stroke-dashoffset: 1786.1563720703125px; stroke-dasharray: 1786.1563720703125px; }
	100% { stroke-dashoffset: 0; stroke-dasharray: 1786.1563720703125px; }
}
@keyframes animate-svg-stroke-1 {
	0% { stroke-dashoffset: 1786.1563720703125px; stroke-dasharray: 1786.1563720703125px; }
	100% { stroke-dashoffset: 0; stroke-dasharray: 1786.1563720703125px; }
}
@-webkit-keyframes animate-svg-fill-1 {
	0% { fill: transparent; }
	100% { fill: rgb(251,150,0); }
}
@keyframes animate-svg-fill-1 {
	0% { fill: transparent; }
	100% { fill: rgb(251,150,0); }
}
.svg-elem-1 {
	-webkit-animation: animate-svg-stroke-1 3.8s ease-in-out 0s both, animate-svg-fill-1 0.9s ease-in-out 4.3s both;
	animation: animate-svg-stroke-1 3.8s ease-in-out 0s both, animate-svg-fill-1 0.9s ease-in-out 4.3s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
	0% { stroke-dashoffset: 1714.3817138671875px; stroke-dasharray: 1714.3817138671875px; }
	100% { stroke-dashoffset: 0; stroke-dasharray: 1714.3817138671875px; }
}
@keyframes animate-svg-stroke-2 {
	0% { stroke-dashoffset: 1714.3817138671875px; stroke-dasharray: 1714.3817138671875px; }
	100% { stroke-dashoffset: 0; stroke-dasharray: 1714.3817138671875px; }
}
@-webkit-keyframes animate-svg-fill-2 {
	0% { fill: transparent; }
	100% { fill: rgb(238,105,0); }
}
@keyframes animate-svg-fill-2 {
	0% { fill: transparent; }
	100% { fill: rgb(238,105,0); }
}
.svg-elem-2 {
	-webkit-animation: animate-svg-stroke-2 3.8s ease-in-out 0.4s both, animate-svg-fill-2 0.9s ease-in-out 4.5s both;
	animation: animate-svg-stroke-2 3.8s ease-in-out 0.4s both, animate-svg-fill-2 0.9s ease-in-out 4.5s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
	0% { stroke-dashoffset: 1737.55810546875px; stroke-dasharray: 1737.55810546875px; }
	100% { stroke-dashoffset: 0; stroke-dasharray: 1737.55810546875px; }
}
@keyframes animate-svg-stroke-3 {
	0% { stroke-dashoffset: 1737.55810546875px; stroke-dasharray: 1737.55810546875px; }
	100% { stroke-dashoffset: 0; stroke-dasharray: 1737.55810546875px; }
}
@-webkit-keyframes animate-svg-fill-3 {
	0% { fill: transparent; }
	100% { fill: rgb(255,183,39); }
}
@keyframes animate-svg-fill-3 {
	0% { fill: transparent; }
	100% { fill: rgb(255,183,39); }
}
.svg-elem-3 {
	-webkit-animation: animate-svg-stroke-3 3.8s ease-in-out 0.8s both, animate-svg-fill-3 0.9s ease-in-out 4.7s both;
	animation: animate-svg-stroke-3 3.8s ease-in-out 0.8s both, animate-svg-fill-3 0.9s ease-in-out 4.7s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
	0% { stroke-dashoffset: 1762.29638671875px; stroke-dasharray: 1762.29638671875px; }
	100% { stroke-dashoffset: 0; stroke-dasharray: 1762.29638671875px; }
}
@keyframes animate-svg-stroke-4 {
	0% { stroke-dashoffset: 1762.29638671875px; stroke-dasharray: 1762.29638671875px; }
	100% { stroke-dashoffset: 0; stroke-dasharray: 1762.29638671875px; }
}
@-webkit-keyframes animate-svg-fill-4 {
	0% { fill: transparent; }
	100% { fill: rgb(255,202,94); }
}
@keyframes animate-svg-fill-4 {
	0% { fill: transparent; }
	100% { fill: rgb(255,202,94); }
}
.svg-elem-4 {
	-webkit-animation: animate-svg-stroke-4 3.8s ease-in-out 1.2s both, animate-svg-fill-4 0.9s ease-in-out 4.9s both;
	animation: animate-svg-stroke-4 3.8s ease-in-out 1.2s both, animate-svg-fill-4 0.9s ease-in-out 4.9s both;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
	.svg-elem-1, .svg-elem-2, .svg-elem-3, .svg-elem-4 {
		-webkit-animation: none !important;
		animation: none !important;
	}
}