:root {
	font-size: 100%;
	--vh: 1vh;
	--white-primary: #ffffff;
	--dark-primary: #020305;
	--dark-secondary: #1e1f20;
	--red-primary: #ea3302;
	--violet-primary: #7829cc;
	--gray-aaa-text: #979798;
	--gray-aa-text: #767778;
	--gray-aa-non-text: #5d5e5f;
	--gray-secondary: #3d3d3f;
	--gray-decor: #2b2c2d;
}

@font-face {
	font-family: "KoHo";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../font/600.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	background-color: var(--dark-primary);
	padding: 0;
	margin: 0;
	color: var(--white-primary);

	font-family: "KoHo", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.03125rem;

	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: subpixel-antialiased;
}

#zgurd-loading {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(var(--vh, 1vh) * 100);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: none;
}

#zgurd-loading .zgurd {
	height: 7.6vh;
	width: 7.6vh;
	min-height: 2.9rem;
	min-width: 2.9rem;
	max-height: 3.9rem;
	max-width: 3.9rem;
	margin-bottom: min(6vh, 3rem);
}

.no-tooltips {
	pointer-events: none;
}

#zgurd-loading .logo {
	transform-origin: 52.9% 52%;
	-webkit-animation: logoScale 1.3s infinite ease;
	-moz-animation: logoScale 1.3s infinite ease;
	-o-animation: logoScale 1.3s infinite ease;
	-ms-animation: logoScale 1.3s infinite ease;
	animation: logoScale 1.3s infinite ease;	
}

@-webkit-keyframes logoScale {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(1);
	}
	60% {
		transform: scale(0.75);
	}
}

@keyframes logoScale {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(1);
	}
	60% {
		transform: scale(0.75);
	}
}

#zgurd-loading .eye-iris {
	transform-origin: 52.7% 50.4%;
	-webkit-animation: iris 1.3s infinite ease;
	-moz-animation: iris 1.3s infinite ease;
	-o-animation: iris 1.3s infinite ease;
	-ms-animation: iris 1.3s infinite ease;
	animation: iris 1.3s infinite ease;
}

@-webkit-keyframes iris {
	0% {
		transform: scale(1.0);
	}
	20% {
		transform: scale(1.0);
	}
	60% {
		transform: scale(3.3);
	}
}

@keyframes iris {
	0% {
		transform: scale(1.0);
	}
	20% {
		transform: scale(1.0);
	}
	60% {
		transform: scale(3.3);
	}
}

.ytyrft {
	font-size: 0.875rem;
	font-weight: 600;
	font-style: normal;
	opacity: 0.77;
	margin: 1rem 0 7vh;
	letter-spacing: 0.0625rem;
	-webkit-animation: ytyrft 1.3s infinite ease;
	-moz-animation: ytyrft 1.3s infinite ease;
	-o-animation: ytyrft 1.3s infinite ease;
	-ms-animation: ytyrft 1.3s infinite ease;
	animation: ytyrft 1.3s infinite ease;
}

@-webkit-keyframes ytyrft {
	11% {
		opacity: 0.77;
	}
	31% {
		opacity: 0.77;
	}
	71% {
		opacity: 0.05;
		color: var(--red-primary);
	}
}

@keyframes ytyrft {
	11% {
		opacity: 0.77;
	}
	31% {
		opacity: 0.77;
	}
	71% {
		opacity: 0.05;
		color: var(--red-primary);
	}
}