:root,
:root[data-theme=light] {
	--white: #fff;
	--rgb-white: 255, 255, 255;
	--vl-gray: #f2f2f2;
	--rgb-vl-gray: 242, 242, 242;
	--l-gray: #333333;
	--rgb-l-gray: 51, 51, 51;
	--gray: #1a1a1a;
	--rgb-gray: 26, 26, 26;
	--d-gray: #000f01;
	--rgb-d-gray: 0, 15, 1;
	--green: #00ff00;
	--rgb-green: 0, 255, 0;
	--pink: #ff00ff;
	--rgb-pink: 255, 0, 255;
	--bg-color: var(--white);
	--text-color: var(--l-gray);
	--transition: all .3s ease
}

:root[data-theme=dark] {
	--bg-color: var(--d-gray);
	--text-color: var(--vl-gray);
}

*,
*::before,
*::after {
	box-sizing: border-box
}

*:focus {
	outline: none
}

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth
	}
}

body {
	font-family: 'IBM Plex Mono', monospace;
	background-color: var(--bg-color);
	color: var(--text-color);
	min-height: 100vh;
	display: flex;
	margin: 0;
	padding: 0;
	flex-direction: column;
	background-image: url('../img/bg.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	transition: var(--transition)
}

[data-theme=dark] body {
	background-image: url('../img/bg_dark.svg');
}

h1,
h2,
h3,
h4 {
	margin: 1.25rem 0 .5rem
}

p {
	margin: 0 0 1rem
}

.logo {
	width: 140px;
	height: 40px;
	margin: 2rem 0
}

.logo svg {
	width: 100%;
	height: 100%;
	display: block
}

main {
	flex: 1;
	padding: 0 0 4rem
}

.hero-title,
.hero-text,
.contacts,
.form-input,
.btn,
.copyright {
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: grayscale
}

.hero-title {
	font-size: 2.25rem;
	margin-bottom: 1rem;
	line-height: 1.1;
	letter-spacing: -.02em
}

.hero-text {
	font-size: 1.125rem;
	line-height: 1.4;
	max-width: 700px;
	letter-spacing: -0.01em;
	margin: 0;
	position: relative
}

.hero-text.glitch {
	height: 76px
}

.hero-text.glitching {
	animation: glitch-text .6s infinite;
	animation-timing-function: steps(1)
}

@keyframes glitch-text {
	0%, 14%, 18%, 22%, 26%, 50%, 54%, 100% {
		opacity: 0.2;
		text-shadow: none;
		transform: translateX(0)
	}

	15%, 17% {
		opacity: 1;
		text-shadow: -2px 0 rgb(var(--rgb-green)), 2px 0 rgb(var(--rgb-pink));
		transform: translateX(-2px);
	}

	19%, 21% {
		opacity: 1;
		text-shadow: 2px 0 rgb(var(--rgb-pink)), -2px 0 rgb(var(--rgb-green));
		transform: translateX(2px)
	}

	23%, 25% {
		opacity: 1;
		text-shadow: -1px 0 rgb(var(--rgb-pink)), 1px 0 rgb(var(--rgb-green));
		transform: translateX(-1px);
	}

	51%, 53% {
		opacity: 1;
		text-shadow: 1px 0 rgb(var(--rgb-green)), -1px 0 rgb(var(--rgb-pink));
		transform: translateX(1px)
	}
}

.hero-text .word {
	display: inline-block;
	white-space: nowrap
}

.hero-text .char {
	display: inline-block
}

.hero-text .char.glitch {
	animation: glitch-letter 2.5s infinite;
	animation-timing-function: steps(1)
}

@keyframes glitch-letter {
	0%, 11%, 15%, 19%, 23%, 100% {
		text-shadow: none;
		opacity: 1
	}

	12%, 14% {
		text-shadow:
			-1px 0 rgb(var(--rgb-pink)),
			1px 0 rgb(var(--rgb-green));
		opacity: 1
	}

	20%, 22% {
		text-shadow:
			1px 0 rgb(var(--rgb-green)),
			-1px 0 rgb(var(--rgb-pink));
		opacity: 1
	}
}

.contacts {
	font-size: 1.125rem;
	line-height: 1.5
}

.contact-item {
	display: flex;
	margin-bottom: 0.75rem;
	align-items: center
}

.contact-item a {
	color: var(--text-color);
	text-decoration: none;
	margin-left: 1rem;
	border-bottom: 1px dashed var(--l-gray);
	transition: var(--transition)
}

.contact-item a:hover {
	opacity: .7;
	border-bottom-style: solid
}

.form-title {
	font-size: 2rem;
	margin: 0 0 1rem;
	line-height: 1.1;
	letter-spacing: -0.02em
}

.form-input {
	width: 100%;
	padding: 0.75rem 1rem;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 1rem;
	background: rgba(var(--rgb-vl-gray), .7);
	color: var(--text-color);
	border: 2px solid transparent;
	border-bottom: 2px solid rgba(var(--rgb-vl-gray), .7);
	box-shadow: 0 0 0 2px transparent;
	border-radius: 0;
	outline: none;
	transition: var(--transition)
}

[data-theme=dark] .form-input {
	background: rgba(var(--rgb-l-gray), .7)
}

.form-input:focus {
	border-color: var(--pink);
	box-shadow: 0 0 0 2px rgba(var(--rgb-pink), .2);
	animation: pulse 1.5s infinite
}

[data-theme="dark"] .form-input:focus {
	border-color: var(--green);
	box-shadow: 0 0 0 2px rgba(var(--rgb-green), .2)
}

@keyframes pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(var(--rgb-pink), .2); }
	50% { box-shadow: 0 0 0 4px rgba(var(--rgb-pink), 0); }
}

.form-consent {
	margin-top: 1rem;
	font-size: .9rem
}

.consent-label {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	cursor: pointer;
	color: var(--text-color);
	transition: var(--transition)
}

.consent-label input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0
}

.custom-checkbox {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid var(--pink);
	background: transparent;
	position: relative;
	flex-shrink: 0;
	margin-top: 0.25rem;
	transition: var(--transition);
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: grayscale;
	transition: var(--transition)
}

[data-theme=dark] .custom-checkbox {
	border-color: var(--green)
}

.custom-checkbox::after {
	content: '';
	position: absolute;
	display: none;
	left: 3px;
	top: 0;
	width: 6px;
	height: 10px;
	border: solid var(--white);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}

[data-theme="dark"] .custom-checkbox::after {
	border-color: var(--d-gray)
}

.consent-label input[type="checkbox"]:checked + .custom-checkbox {
	background: var(--pink)
}

[data-theme=dark] .consent-label input[type="checkbox"]:checked + .custom-checkbox {
	background: var(--green)
}

.consent-label input[type="checkbox"]:checked + .custom-checkbox::after {
	display: block
}

.consent-label:hover .custom-checkbox {
	background: rgba(var(--rgb-pink), .15);
	box-shadow: 0 0 0 2px rgba(var(--rgb-pink), .3)
}

[data-theme=dark] .consent-label:hover .custom-checkbox {
	background: rgba(var(--rgb-green), .15);
	box-shadow: 0 0 0 2px rgba(var(--rgb-green), .3)
}

.consent-label input[type="checkbox"]:checked:hover + .custom-checkbox {
	background: var(--pink)
}

[data-theme=dark] .consent-label input[type="checkbox"]:checked:hover + .custom-checkbox {
	background: var(--green)
}

.consent-label a {
	color: var(--pink);
	text-decoration: underline;
	cursor: pointer;
	transition: var(--transition)
}

[data-theme="dark"] .consent-label a {
	color: var(--green)
}

.btn {
	display: inline-block;
	width: 100%;
	padding: .875rem;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 1.125rem;
	color: var(--vl-gray);
	background: var(--l-gray);
	border: 2px solid var(--l-gray);
	border-radius: 0;
	text-align: center;
	cursor: pointer;
	letter-spacing: .05em;
	text-transform: uppercase;
	transition: var(--transition)
}

[data-theme=dark] .btn {
	color: var(--l-gray);
	background: var(--vl-gray);
	border: 2px solid var(--vl-gray)
}

.btn:not(.disabled):hover {
	background: var(--pink);
	border-color: var(--pink);
	color: var(--white);
	transform: translateY(-4px)
}


[data-theme="dark"] .btn:not(.disabled):hover {
	background: var(--green);
	border-color: var(--green);
	color: var(--l-gray)
}

.btn.disabled {
	background: var(--vl-gray);
	color: var(--l-gray);
	cursor: not-allowed
}

#message {
	position: fixed;
	left: 50%;
	top: 30px;
	transform: translateX(-50%);
	min-width: 280px;
	max-width: 90%;
	padding: 1rem 1.25rem;
	border-radius: 6px;
	text-align: center;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 1rem;
	z-index: 9999;
	opacity: 0;
	pointer-events: none;
	transition: var(--transition)
}

#message.show {
	opacity: 1;
	top: 50px;
	pointer-events: auto
}

#message.success {
	background: rgba(var(--rgb-green), .9);
	color: var(--l-gray);
	box-shadow: 0 0 10px rgba(var(--rgb-green), .4)
}

#message.error {
	background: rgba(var(--rgb-pink), .9);
	color: var(--white);
	box-shadow: 0 0 10px rgba(var(--rgb-pink), .4)
}

.theme-toggle {
	position: fixed;
	top: 2rem;
	right: var(--bs-gutter-x, 0.75rem);
	background: var(--bg-color);
	transition: var(--transition)
}

.toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: transparent;
	border: 2px solid var(--l-gray);
	border-radius: 0;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: grayscale;
	transition: var(--transition)
}

[data-theme="dark"] .toggle {
	border-color: var(--vl-gray)
}

.toggle.sun {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505.2 324.8l-47.73-68.78l47.75-68.81c7.359-10.62 8.797-24.12 3.844-36.06c-4.969-11.94-15.52-20.44-28.22-22.72l-82.39-14.88l-14.89-82.41c-2.281-12.72-10.76-23.25-22.69-28.22c-11.97-4.936-25.42-3.498-36.12 3.844L256 54.49L187.2 6.709C176.5-.6016 163.1-2.039 151.1 2.896c-11.92 4.971-20.4 15.5-22.7 28.19l-14.89 82.44L31.15 128.4C18.42 130.7 7.854 139.2 2.9 151.2C-2.051 163.1-.5996 176.6 6.775 187.2l47.73 68.78l-47.75 68.81c-7.359 10.62-8.795 24.12-3.844 36.06c4.969 11.94 15.52 20.44 28.22 22.72l82.39 14.88l14.89 82.41c2.297 12.72 10.78 23.25 22.7 28.22c11.95 4.906 25.44 3.531 36.09-3.844L256 457.5l68.83 47.78C331.3 509.7 338.8 512 346.3 512c4.906 0 9.859-.9687 14.56-2.906c11.92-4.969 20.4-15.5 22.7-28.19l14.89-82.44l82.37-14.88c12.73-2.281 23.3-10.78 28.25-22.75C514.1 348.9 512.6 335.4 505.2 324.8zM456.8 339.2l-99.61 18l-18 99.63L256 399.1L172.8 456.8l-18-99.63l-99.61-18L112.9 255.1L55.23 172.8l99.61-18l18-99.63L256 112.9l83.15-57.75l18.02 99.66l99.61 18L399.1 255.1L456.8 339.2zM256 143.1c-61.85 0-111.1 50.14-111.1 111.1c0 61.85 50.15 111.1 111.1 111.1s111.1-50.14 111.1-111.1C367.1 194.1 317.8 143.1 256 143.1zM256 319.1c-35.28 0-63.99-28.71-63.99-63.99S220.7 192 256 192s63.99 28.71 63.99 63.1S291.3 319.1 256 319.1z' fill='%23333333'/%3E%3C/svg%3E")
}

.toggle.moon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M421.6 379.9c-.6641 0-1.35 .0625-2.049 .1953c-11.24 2.143-22.37 3.17-33.32 3.17c-94.81 0-174.1-77.14-174.1-175.5c0-63.19 33.79-121.3 88.73-152.6c8.467-4.812 6.339-17.66-3.279-19.44c-11.2-2.078-29.53-3.746-40.9-3.746C132.3 31.1 32 132.2 32 256c0 123.6 100.1 224 223.8 224c69.04 0 132.1-31.45 173.8-82.93C435.3 389.1 429.1 379.9 421.6 379.9zM255.8 432C158.9 432 80 353 80 256c0-76.32 48.77-141.4 116.7-165.8C175.2 125 163.2 165.6 163.2 207.8c0 99.44 65.13 183.9 154.9 212.8C298.5 428.1 277.4 432 255.8 432z' fill='%23f2f2f2'/%3E%3C/svg%3E")
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	visibility: hidden;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: var(--transition)
}

.popup.show {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}

.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(var(--rgb-l-gray), .7);
	transition: var(--transition)
}

.popup-content {
	background: var(--vl-gray);
	padding: 2rem;
	max-width: 600px;
	width: 90%;
	max-height: 80vh;
	overflow-y: auto;
	z-index: 10001;
	transform: translateY(10px);
	opacity: 0;
	transition: var(--transition)
}

[data-theme=dark] .popup-content {
	background: var(--d-gray)
}

.popup-content .fixed {
	max-height: 45vh;
	overflow: auto;
	border: 1px solid var(--l-gray);
	padding: .5rem;
	transition: var(--transition)
}

[data-theme=dark] .popup-content .fixed {
	border-color: var(--vl-gray)
}

.popup.show .popup-content {
	transform: translateY(0);
	opacity: 1
}

.popup-content .fixed::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

.popup-content .fixed::-webkit-scrollbar-track {
	background: var(--l-gray);
	transition: background-color var(--transition)
}
[data-theme=dark] .popup-content .fixed::-webkit-scrollbar-track {
	background: var(--d-gray);
}

.popup-content .fixed::-webkit-scrollbar-thumb {
	background: var(--green);
	transition: background-color var(--transition)
}

.popup-content .fixed::-webkit-scrollbar-thumb:hover {
	background: var(--pink)
}

.popup-content h3 {
	margin: 0 0 .5rem
}

footer {
	padding: 1.5rem 0
}

.copyright {
	font-size: .9rem
}

.page-404 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	min-height: 80vh
}

.btn.auto {
	width: auto;
	margin-top: 1.5rem;
	text-decoration: none
}

@media (max-width: 767px) {
	.logo {
		width: 100px;
		height: 29px;
		margin: 1.5rem 0
	}

	.hero-title {
		font-size: 1.75rem
	}

	.hero-text,
	.contacts {
		font-size: 1rem
	}

	.hero-text.glitch {
		height: 70px
	}

	.form-title {
		font-size: 1.5rem
	}


	.theme-toggle {
		top: 1.5rem
	}

	.copyright {
		font-size: .8rem;
		text-align: center !important
	}
}

@keyframes gentle-fill {
	0%, 100% {
		fill: transparent;
		opacity: .7
	}

	100% {
		fill: rgb(var(--rgb-color));
		opacity: 1
	}
}

@keyframes glitch-fill {
	0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
		fill: transparent;
		opacity: .2
	}

	20%, 22%, 24%, 55%, 57% {
		fill: rgb(var(--rgb-color));
		opacity: 1
	}
}

.logo svg > g > * {
	animation: gentle-fill 1.2s ease-in-out var(--delay) both
}

.logo svg > g > :nth-child(1) {
	--delay: 0.325s;
	--rgb-color: var(--rgb-gray)
}

.logo svg > g > :nth-child(2) {
	--delay: 0.35s;
	--rgb-color: var(--rgb-gray)
}

.logo svg > g > :nth-child(3) {
	--delay: 0.375s;
	--rgb-color: var(--rgb-gray)
}

.logo svg > g > :nth-child(4) {
	--delay: 0.4s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(5) {
	--delay: 0.425s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(6) {
	--delay: 0.45s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(7) {
	--delay: 0.475s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(8) {
	--delay: 0.5s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(9) {
	--delay: 0.525s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(10) {
	--delay: 0.55s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(11) {
	--delay: 0.575s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(12) {
	--delay: 0.6s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(13) {
	--delay: 0.625s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(14) {
	--delay: 0.65s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(15) {
	--delay: 0.675s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(16) {
	--delay: 0.7s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(17) {
	--delay: 0.725s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(18) {
	--delay: 0.75s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(19) {
	--delay: 0.775s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(20) {
	--delay: 0.8s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(21) {
	--delay: 0.825s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(22) {
	--delay: 0.85s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(23) {
	--delay: 0.875s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(24) {
	--delay: 0.9s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(25) {
	--delay: 0.925s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(26) {
	--delay: 0.95s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(27) {
	--delay: 0.975s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(28) {
	--delay: 1s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(29) {
	--delay: 1.025s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(30) {
	--delay: 1.05s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(31) {
	--delay: 1.0752s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(32) {
	--delay: 1.1s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(33) {
	--delay: 1.125s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(34) {
	--delay: 1.15s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(35) {
	--delay: 1.175s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(36) {
	--delay: 1.22s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(37) {
	--delay: 1.225s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(38) {
	--delay: 1.25s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(39) {
	--delay: 1.275s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(40) {
	--delay: 1.3s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(41) {
	--delay: 1.325s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(42) {
	--delay: 1.35s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(43) {
	--delay: 1.375s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(44) {
	--delay: 1.4s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(45) {
	--delay: 1.425s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(46) {
	--delay: 1.452s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(47) {
	--delay: 1.475s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(48) {
	--delay: 1.5s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(49) {
	--delay: 1.525s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(50) {
	--delay: 1.55s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(51) {
	--delay: 1.5752s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(52) {
	--delay: 1.6s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(53) {
	--delay: 1.625s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(54) {
	--delay: 1.65s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(55) {
	--delay: 1.675s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(56) {
	--delay: 1.72s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(57) {
	--delay: 1.725s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(58) {
	--delay: 1.75s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(59) {
	--delay: 1.775s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(60) {
	--delay: 1.8s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(61) {
	--delay: 1.8252s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(62) {
	--delay: 1.85s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(63) {
	--delay: 1.875s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(64) {
	--delay: 1.9s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(65) {
	--delay: 1.925s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(66) {
	--delay: 1.952s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(67) {
	--delay: 1.975s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(68) {
	--delay: 2s;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(69) {
	--delay: 2.025s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(70) {
	--delay: 2.05s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(71) {
	--delay: 2.075s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(72) {
	--delay: 2.1s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(73) {
	--delay: 2.125s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(74) {
	--delay: 2.15s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(75) {
	--delay: 2.175s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(76) {
	--delay: 2.2s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(77) {
	--delay: 2.225s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(78) {
	--delay: 2.25s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(79) {
	--delay: 2.275s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(80) {
	--delay: 2.3s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(81) {
	--delay: 2.325s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(82) {
	--delay: 2.35s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(83) {
	--delay: 2.375s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(84) {
	--delay: 2.4s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(85) {
	--delay: 2.425s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(86) {
	--delay: 2.45s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(87) {
	--delay: 2.475s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(88) {
	--delay: 2.5s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(89) {
	--delay: 2.525s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(90) {
	--delay: 2.55s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(91) {
	--delay: 2.575s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(92) {
	--delay: 2.6s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(93) {
	--delay: 2.625s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(94) {
	--delay: 2.65s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(95) {
	--delay: 2.675s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(96) {
	--delay: 2.7s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(97) {
	--delay: 2.725s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(98) {
	--delay: 2.75s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(99) {
	--delay: 2.775s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(100) {
	--delay: 2.8s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(101) {
	--delay: 2.825s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(102) {
	--delay: 2.85s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(103) {
	--delay: 2.875s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(104) {
	--delay: 2.9s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(105) {
	--delay: 2.925s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(106) {
	--delay: 2.95s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(107) {
	--delay: 2.975s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(108) {
	--delay: 3s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(109) {
	--delay: 3.025s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(110) {
	--delay: 3.05s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(111) {
	--delay: 3.075s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(112) {
	--delay: 3.1s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(113) {
	--delay: 3.125s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(114) {
	--delay: 3.15s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(115) {
	--delay: 3.175s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(116) {
	--delay: 3.2s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(117) {
	--delay: 3.225s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(118) {
	--delay: 3.25s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(119) {
	--delay: 3.275s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(120) {
	--delay: 3.3s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(121) {
	--delay: 3.325s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(122) {
	--delay: 3.35s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(123) {
	--delay: 3.375s;
	--rgb-color: var(--rgb-green)
}

.logo svg > g > :nth-child(124) {
	--delay: 3.4s;
	--rgb-color: var(--rgb-gray)
}

.logo svg > g > :nth-child(125) {
	--delay: 3.425s;
	--rgb-color: var(--rgb-gray)
}

.logo svg > g > :nth-child(125) {
	animation: glitch-fill 5s infinite;
	--rgb-color: var(--rgb-gray)
}

[data-theme=dark] .logo svg > g > :nth-child(1) {
	--delay: 0.325s;
	--rgb-color: var(--rgb-vl-gray)
}

[data-theme=dark] .logo svg > g > :nth-child(2) {
	--delay: 0.35s;
	--rgb-color: var(--rgb-vl-gray)
}

[data-theme=dark] .logo svg > g > :nth-child(3) {
	--delay: 0.375s;
	--rgb-color: var(--rgb-vl-gray)
}

[data-theme=dark] .logo svg > g > :nth-child(124) {
	--delay: 3.4s;
	--rgb-color: var(--rgb-vl-gray)
}

[data-theme=dark] .logo svg > g > :nth-child(125) {
	--delay: 3.425s;
	--rgb-color: var(--rgb-vl-gray)
}

[data-theme=dark] .logo svg > g > :nth-child(125) {
	animation: glitch-fill 5s infinite;
	--rgb-color: var(--rgb-vl-gray)
}

.logo svg > g > :nth-child(50),
.logo svg > g > :nth-child(51),
.logo svg > g > :nth-child(52),
.logo svg > g > :nth-child(53),
.logo svg > g > :nth-child(54),
.logo svg > g > :nth-child(55),
.logo svg > g > :nth-child(56),
.logo svg > g > :nth-child(57),
.logo svg > g > :nth-child(58),
.logo svg > g > :nth-child(59),
.logo svg > g > :nth-child(60),
.logo svg > g > :nth-child(61),
.logo svg > g > :nth-child(62),
.logo svg > g > :nth-child(63),
.logo svg > g > :nth-child(64),
.logo svg > g > :nth-child(65),
.logo svg > g > :nth-child(66),
.logo svg > g > :nth-child(67),
.logo svg > g > :nth-child(68) {
	animation: glitch-fill 1s infinite;
	--rgb-color: var(--rgb-pink)
}

.logo svg > g > :nth-child(80),
.logo svg > g > :nth-child(81),
.logo svg > g > :nth-child(82),
.logo svg > g > :nth-child(83),
.logo svg > g > :nth-child(84),
.logo svg > g > :nth-child(85),
.logo svg > g > :nth-child(86),
.logo svg > g > :nth-child(87),
.logo svg > g > :nth-child(88),
.logo svg > g > :nth-child(89) {
	animation: glitch-fill 3s infinite;
	--rgb-color: var(--rgb-green)
}