/* light mode + shared elements */

/* body color */
.body-discoegg {
	background-color: #f2f1f6 !important;
}
.body-hiddenegg {
	-webkit-animation: bodycolor 5.5s infinite !important;
	animation: 5.5s infinite bodycolor !important;
}

/* profile picture and name */
.pfp-disco {
	-webkit-animation: pfpcolor 5.5s infinite !important;
	animation: 5.5s infinite pfpcolor !important;
	cursor: default !important;
}
.pfp-hidden {
	-webkit-animation: pfpcolor 5.5s infinite, spin 4.5s infinite linear !important;
	animation: 5.5s infinite pfpcolor, spin 5000ms infinite linear !important;
	cursor: default !important;
	opacity: 0.75 !important;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.typewriter-name.disco-opacity {
	font-size: 0em;
}
.pfn-hidden-egg.disco-opacity:after {
	content: "TEEECHAAAOOO!";
}
.carrot.disco-opacity {
	display: none !important;
}

/* card */
.card-hiddenegg {
	-webkit-animation: bannercolor 5.5s infinite !important;
	animation: 5.5s infinite bannercolor !important;
}

/* card banner */
.banner-disco {
	-webkit-animation: bannercolor 5.5s infinite !important;
	animation: 5.5s infinite bannercolor !important;
}

.banner-icon-disco {
	-webkit-animation: bannericoncolor 5.5s infinite !important;
	animation: 5.5s infinite bannericoncolor !important;
}

/* notification bar */
.discodiv-container {
	display: none;
}
.discodiv {
	-webkit-animation: notifcolor 5.5s infinite !important;
	animation: 5.5s infinite notifcolor !important;
}

/* disco opacity */
.disco-opacity {
	opacity: 0.65;
}

/* body color */
@keyframes bodycolor {
	0% {
		background-color: #fccfce;
	}

	11.11% {
		background-color: #fddbb1;
	}

	22.22% {
		background-color: #fcebb0;
	}

	33.33% {
		background-color: #beeacb;
	}

	44.44% {
		background-color: #caeafb;
	}

	55.55% {
		background-color: #c2ddfd;
	}

	66.66% {
		background-color: #cac9f0;
	}

	77.77% {
		background-color: #e9d5f5;
	}

	88.88% {
		background-color: #fcccd7;
	}

	100% {
		background-color: #fccfce;
	}
}

@-webkit-keyframes bodycolor {
	0% {
		background-color: #fccfce;
	}

	11.11% {
		background-color: #fddbb1;
	}

	22.22% {
		background-color: #fcebb0;
	}

	33.33% {
		background-color: #beeacb;
	}

	44.44% {
		background-color: #caeafb;
	}

	55.55% {
		background-color: #c2ddfd;
	}

	66.66% {
		background-color: #cac9f0;
	}

	77.77% {
		background-color: #e9d5f5;
	}

	88.88% {
		background-color: #fcccd7;
	}

	100% {
		background-color: #fccfce;
	}
}

/* pfp color */
@keyframes pfpcolor {
	0% {
		background-color: #ffc4c0;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffb0ab;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffb0ab;
		box-shadow: inset 0px 0px 0px 2px #ffb0ab;
	}

	11.11% {
		background-color: #ffd49a;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffc576;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffc576;
		box-shadow: inset 0px 0px 0px 2px #ffc576;
	}

	22.22% {
		background-color: #ffea99;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffe066;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffe066;
		box-shadow: inset 0px 0px 0px 2px #ffe066;
	}

	33.33% {
		background-color: #aee8bc;
		-webkit-box-shadow: inset 0px 0px 0px 2px #91e0a5;
		-moz-box-shadow: inset 0px 0px 0px 2px #91e0a5;
		box-shadow: inset 0px 0px 0px 2px #91e0a5;
	}

	44.44% {
		background-color: #bde8fd;
		-webkit-box-shadow: inset 0px 0px 0px 2px #9cddfc;
		-moz-box-shadow: inset 0px 0px 0px 2px #9cddfc;
		box-shadow: inset 0px 0px 0px 2px #9cddfc;
	}

	55.55% {
		background-color: #b2d7ff;
		-webkit-box-shadow: inset 0px 0px 0px 2px #99c9ff;
		-moz-box-shadow: inset 0px 0px 0px 2px #99c9ff;
		box-shadow: inset 0px 0px 0px 2px #99c9ff;
	}

	66.66% {
		background-color: #bcbbee;
		-webkit-box-shadow: inset 0px 0px 0px 2px #abaaea;
		-moz-box-shadow: inset 0px 0px 0px 2px #abaaea;
		box-shadow: inset 0px 0px 0px 2px #abaaea;
	}

	77.77% {
		background-color: #e7cbf5;
		-webkit-box-shadow: inset 0px 0px 0px 2px #dfb9f1;
		-moz-box-shadow: inset 0px 0px 0px 2px #dfb9f1;
		box-shadow: inset 0px 0px 0px 2px #dfb9f1;
	}

	88.88% {
		background-color: #ffc0cc;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffabbb;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffabbb;
		box-shadow: inset 0px 0px 0px 2px #ffabbb;
	}

	100% {
		background-color: #ffc4c0;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffb0ab;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffb0ab;
		box-shadow: inset 0px 0px 0px 2px #ffb0ab;
	}
}

@-webkit-keyframes pfpcolor {
	0% {
		background-color: #ffc4c0;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffb0ab;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffb0ab;
		box-shadow: inset 0px 0px 0px 2px #ffb0ab;
	}

	11.11% {
		background-color: #ffd49a;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffc576;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffc576;
		box-shadow: inset 0px 0px 0px 2px #ffc576;
	}

	22.22% {
		background-color: #ffea99;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffe066;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffe066;
		box-shadow: inset 0px 0px 0px 2px #ffe066;
	}

	33.33% {
		background-color: #aee8bc;
		-webkit-box-shadow: inset 0px 0px 0px 2px #91e0a5;
		-moz-box-shadow: inset 0px 0px 0px 2px #91e0a5;
		box-shadow: inset 0px 0px 0px 2px #91e0a5;
	}

	44.44% {
		background-color: #bde8fd;
		-webkit-box-shadow: inset 0px 0px 0px 2px #9cddfc;
		-moz-box-shadow: inset 0px 0px 0px 2px #9cddfc;
		box-shadow: inset 0px 0px 0px 2px #9cddfc;
	}

	55.55% {
		background-color: #b2d7ff;
		-webkit-box-shadow: inset 0px 0px 0px 2px #99c9ff;
		-moz-box-shadow: inset 0px 0px 0px 2px #99c9ff;
		box-shadow: inset 0px 0px 0px 2px #99c9ff;
	}

	66.66% {
		background-color: #bcbbee;
		-webkit-box-shadow: inset 0px 0px 0px 2px #abaaea;
		-moz-box-shadow: inset 0px 0px 0px 2px #abaaea;
		box-shadow: inset 0px 0px 0px 2px #abaaea;
	}

	77.77% {
		background-color: #e7cbf5;
		-webkit-box-shadow: inset 0px 0px 0px 2px #dfb9f1;
		-moz-box-shadow: inset 0px 0px 0px 2px #dfb9f1;
		box-shadow: inset 0px 0px 0px 2px #dfb9f1;
	}

	88.88% {
		background-color: #ffc0cc;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffabbb;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffabbb;
		box-shadow: inset 0px 0px 0px 2px #ffabbb;
	}

	100% {
		background-color: #ffc4c0;
		-webkit-box-shadow: inset 0px 0px 0px 2px #ffb0ab;
		-moz-box-shadow: inset 0px 0px 0px 2px #ffb0ab;
		box-shadow: inset 0px 0px 0px 2px #ffb0ab;
	}
}

/* banner color */
@keyframes bannercolor {
	0% {
		background-color: #ffc4c0;
		border: 2px solid #ffb0ab;
		border-bottom: 0;
	}

	11.11% {
		background-color: #ffd49a;
		border: 2px solid #ffc576;
		border-bottom: 0;
	}

	22.22% {
		background-color: #ffea99;
		border: 2px solid #ffe066;
		border-bottom: 0;
	}

	33.33% {
		background-color: #aee8bc;
		border: 2px solid #91e0a5;
		border-bottom: 0;
	}

	44.44% {
		background-color: #bde8fd;
		border: 2px solid #9cddfc;
		border-bottom: 0;
	}

	55.55% {
		background-color: #b2d7ff;
		border: 2px solid #99c9ff;
		border-bottom: 0;
	}

	66.66% {
		background-color: #bcbbee;
		border: 2px solid #abaaea;
		border-bottom: 0;
	}

	77.77% {
		background-color: #e7cbf5;
		border: 2px solid #dfb9f1;
		border-bottom: 0;
	}

	88.88% {
		background-color: #ffc0cc;
		border: 2px solid #ffabbb;
		border-bottom: 0;
	}

	100% {
		background-color: #ffc4c0;
		border: 2px solid #ffb0ab;
		border-bottom: 0;
	}
}

@-webkit-keyframes bannercolor {
	0% {
		background-color: #ffc4c0;
		border: 2px solid #ffb0ab;
		border-bottom: 0;
	}

	11.11% {
		background-color: #ffd49a;
		border: 2px solid #ffc576;
		border-bottom: 0;
	}

	22.22% {
		background-color: #ffea99;
		border: 2px solid #ffe066;
		border-bottom: 0;
	}

	33.33% {
		background-color: #aee8bc;
		border: 2px solid #91e0a5;
		border-bottom: 0;
	}

	44.44% {
		background-color: #bde8fd;
		border: 2px solid #9cddfc;
		border-bottom: 0;
	}

	55.55% {
		background-color: #b2d7ff;
		border: 2px solid #99c9ff;
		border-bottom: 0;
	}

	66.66% {
		background-color: #bcbbee;
		border: 2px solid #abaaea;
		border-bottom: 0;
	}

	77.77% {
		background-color: #e7cbf5;
		border: 2px solid #dfb9f1;
		border-bottom: 0;
	}

	88.88% {
		background-color: #ffc0cc;
		border: 2px solid #ffabbb;
		border-bottom: 0;
	}

	100% {
		background-color: #ffc4c0;
		border: 2px solid #ffb0ab;
		border-bottom: 0;
	}
}

/* banner icon color */
@keyframes bannericoncolor {
	0% {
		fill: #ffb0ab;
	}

	11.11% {
		fill: #ffc576;
	}

	22.22% {
		fill: #ffe066;
	}

	33.33% {
		fill: #91e0a5;
	}

	44.44% {
		fill: #9cddfc;
	}

	55.55% {
		fill: #99c9ff;
	}

	66.66% {
		fill: #abaaea;
	}

	77.77% {
		fill: #dfb9f1;
	}

	88.88% {
		fill: #ffabbb;
	}

	100% {
		fill: #ffb0ab;
	}
}

@-webkit-keyframes bannericoncolor {
	0% {
		fill: #ffb0ab;
	}

	11.11% {
		fill: #ffc576;
	}

	22.22% {
		fill: #ffe066;
	}

	33.33% {
		fill: #91e0a5;
	}

	44.44% {
		fill: #9cddfc;
	}

	55.55% {
		fill: #99c9ff;
	}

	66.66% {
		fill: #abaaea;
	}

	77.77% {
		fill: #dfb9f1;
	}

	88.88% {
		fill: #ffabbb;
	}

	100% {
		fill: #ffb0ab;
	}
}

/* notification color */
@keyframes notifolor {
	0% {
		background-color: #ff3b2f;
	}

	11.11% {
		background-color: #ff9503;
	}

	22.22% {
		background-color: #ffcc00;
	}

	33.33% {
		background-color: #35c759;
	}

	44.44% {
		background-color: #31ade6;
	}

	55.55% {
		background-color: #007aff;
	}

	66.66% {
		background-color: #5856d7;
	}

	77.77% {
		background-color: #af52de;
	}

	88.88% {
		background-color: #ff2e55;
	}

	100% {
		background-color: #ff3b2f;
	}
}

@-webkit-keyframes notifcolor {
	0% {
		background-color: #ff3b2f;
	}

	11.11% {
		background-color: #ff9503;
	}

	22.22% {
		background-color: #ffcc00;
	}

	33.33% {
		background-color: #35c759;
	}

	44.44% {
		background-color: #31ade6;
	}

	55.55% {
		background-color: #007aff;
	}

	66.66% {
		background-color: #5856d7;
	}

	77.77% {
		background-color: #af52de;
	}

	88.88% {
		background-color: #ff2e55;
	}

	100% {
		background-color: #ff3b2f;
	}
}

/* dark mode */
@media (prefers-color-scheme: dark) {
	/* body color */
	.body-discoegg {
		background-color: #000000 !important;
	}
	.body-hiddenegg {
		-webkit-animation: bodycolor 5.5s infinite !important;
		animation: 5.5s infinite bodycolor !important;
	}
	/* card */
	.card-hiddenegg {
		-webkit-animation: bannercolor 5.5s infinite !important;
		animation: 5.5s infinite bannercolor !important;
	}

	/* profile picture and name */
	.pfp-disco {
		-webkit-animation: pfpcolor 5.5s infinite !important;
		animation: 5.5s infinite pfpcolor !important;
	}

	/* card banner */
	.banner-disco {
		-webkit-animation: bannercolor 5.5s infinite !important;
		animation: 5.5s infinite bannercolor !important;
	}

	.banner-icon-disco {
		-webkit-animation: bannericoncolor 5.5s infinite !important;
		animation: 5.5s infinite bannericoncolor !important;
	}

	/* notification bar */
	.discodiv {
		-webkit-animation: notifcolor 5.5s infinite !important;
		animation: 5.5s infinite notifcolor !important;
	}

	/* body color */
	@keyframes bodycolor {
		0% {
			background-color: #390d0b;
		}

		11.11% {
			background-color: #392100;
		}

		22.22% {
			background-color: #392e00;
		}

		33.33% {
			background-color: #0a2c14;
		}

		44.44% {
			background-color: #142c38;
		}

		55.55% {
			background-color: #001b39;
		}

		66.66% {
			background-color: #141330;
		}

		77.77% {
			background-color: #271232;
		}

		88.88% {
			background-color: #390a13;
		}

		100% {
			background-color: #390d0b;
		}
	}

	@-webkit-keyframes bodycolor {
		0% {
			background-color: #390d0b;
		}

		11.11% {
			background-color: #392100;
		}

		22.22% {
			background-color: #392e00;
		}

		33.33% {
			background-color: #0a2c14;
		}

		44.44% {
			background-color: #142c38;
		}

		55.55% {
			background-color: #001b39;
		}

		66.66% {
			background-color: #141330;
		}

		77.77% {
			background-color: #271232;
		}

		88.88% {
			background-color: #390a13;
		}

		100% {
			background-color: #390d0b;
		}
	}

	/* pfp color */
	@keyframes pfpcolor {
		0% {
			background-color: #4c110e;
			-webkit-box-shadow: inset 0px 0px 0px 2px #661712;
			-moz-box-shadow: inset 0px 0px 0px 2px #661712;
			box-shadow: inset 0px 0px 0px 2px #661712;
		}

		11.11% {
			background-color: #4c2c00;
			-webkit-box-shadow: inset 0px 0px 0px 2px #663b01;
			-moz-box-shadow: inset 0px 0px 0px 2px #663b01;
			box-shadow: inset 0px 0px 0px 2px #663b01;
		}

		22.22% {
			background-color: #4c3d00;
			-webkit-box-shadow: inset 0px 0px 0px 2px #665100;
			-moz-box-shadow: inset 0px 0px 0px 2px #665100;
			box-shadow: inset 0px 0px 0px 2px #665100;
		}

		33.33% {
			background-color: #0f3b1a;
			-webkit-box-shadow: inset 0px 0px 0px 2px #154f23;
			-moz-box-shadow: inset 0px 0px 0px 2px #154f23;
			box-shadow: inset 0px 0px 0px 2px #154f23;
		}

		44.44% {
			background-color: #1b3b4b;
			-webkit-box-shadow: inset 0px 0px 0px 2px #244f64;
			-moz-box-shadow: inset 0px 0px 0px 2px #244f64;
			box-shadow: inset 0px 0px 0px 2px #244f64;
		}

		55.55% {
			background-color: #00244c;
			-webkit-box-shadow: inset 0px 0px 0px 2px #003066;
			-moz-box-shadow: inset 0px 0px 0px 2px #003066;
			box-shadow: inset 0px 0px 0px 2px #003066;
		}

		66.66% {
			background-color: #1a1940;
			-webkit-box-shadow: inset 0px 0px 0px 2px #232255;
			-moz-box-shadow: inset 0px 0px 0px 2px #232255;
			box-shadow: inset 0px 0px 0px 2px #232255;
		}

		77.77% {
			background-color: #341842;
			-webkit-box-shadow: inset 0px 0px 0px 2px #462058;
			-moz-box-shadow: inset 0px 0px 0px 2px #462058;
			box-shadow: inset 0px 0px 0px 2px #462058;
		}

		88.88% {
			background-color: #4c0d19;
			-webkit-box-shadow: inset 0px 0px 0px 2px #661222;
			-moz-box-shadow: inset 0px 0px 0px 2px #661222;
			box-shadow: inset 0px 0px 0px 2px #661222;
		}

		100% {
			background-color: #4c110e;
			-webkit-box-shadow: inset 0px 0px 0px 2px #661712;
			-moz-box-shadow: inset 0px 0px 0px 2px #661712;
			box-shadow: inset 0px 0px 0px 2px #661712;
		}
	}

	@-webkit-keyframes pfpcolor {
		0% {
			background-color: #4c110e;
			-webkit-box-shadow: inset 0px 0px 0px 2px #661712;
			-moz-box-shadow: inset 0px 0px 0px 2px #661712;
			box-shadow: inset 0px 0px 0px 2px #661712;
		}

		11.11% {
			background-color: #4c2c00;
			-webkit-box-shadow: inset 0px 0px 0px 2px #663b01;
			-moz-box-shadow: inset 0px 0px 0px 2px #663b01;
			box-shadow: inset 0px 0px 0px 2px #663b01;
		}

		22.22% {
			background-color: #4c3d00;
			-webkit-box-shadow: inset 0px 0px 0px 2px #665100;
			-moz-box-shadow: inset 0px 0px 0px 2px #665100;
			box-shadow: inset 0px 0px 0px 2px #665100;
		}

		33.33% {
			background-color: #0f3b1a;
			-webkit-box-shadow: inset 0px 0px 0px 2px #154f23;
			-moz-box-shadow: inset 0px 0px 0px 2px #154f23;
			box-shadow: inset 0px 0px 0px 2px #154f23;
		}

		44.44% {
			background-color: #1b3b4b;
			-webkit-box-shadow: inset 0px 0px 0px 2px #244f64;
			-moz-box-shadow: inset 0px 0px 0px 2px #244f64;
			box-shadow: inset 0px 0px 0px 2px #244f64;
		}

		55.55% {
			background-color: #00244c;
			-webkit-box-shadow: inset 0px 0px 0px 2px #003066;
			-moz-box-shadow: inset 0px 0px 0px 2px #003066;
			box-shadow: inset 0px 0px 0px 2px #003066;
		}

		66.66% {
			background-color: #1a1940;
			-webkit-box-shadow: inset 0px 0px 0px 2px #232255;
			-moz-box-shadow: inset 0px 0px 0px 2px #232255;
			box-shadow: inset 0px 0px 0px 2px #232255;
		}

		77.77% {
			background-color: #341842;
			-webkit-box-shadow: inset 0px 0px 0px 2px #462058;
			-moz-box-shadow: inset 0px 0px 0px 2px #462058;
			box-shadow: inset 0px 0px 0px 2px #462058;
		}

		88.88% {
			background-color: #4c0d19;
			-webkit-box-shadow: inset 0px 0px 0px 2px #661222;
			-moz-box-shadow: inset 0px 0px 0px 2px #661222;
			box-shadow: inset 0px 0px 0px 2px #661222;
		}

		100% {
			background-color: #4c110e;
			-webkit-box-shadow: inset 0px 0px 0px 2px #661712;
			-moz-box-shadow: inset 0px 0px 0px 2px #661712;
			box-shadow: inset 0px 0px 0px 2px #661712;
		}
	}

	/* banner color */
	@keyframes bannercolor {
		0% {
			background-color: #4c110e;
			border: 2px solid #661712;
			border-bottom: 0;
		}

		11.11% {
			background-color: #4c2c00;
			border: 2px solid #663b01;
			border-bottom: 0;
		}

		22.22% {
			background-color: #4c3d00;
			border: 2px solid #665100;
			border-bottom: 0;
		}

		33.33% {
			background-color: #0f3b1a;
			border: 2px solid #154f23;
			border-bottom: 0;
		}

		44.44% {
			background-color: #1b3b4b;
			border: 2px solid #244f64;
			border-bottom: 0;
		}

		55.55% {
			background-color: #00244c;
			border: 2px solid #003066;
			border-bottom: 0;
		}

		66.66% {
			background-color: #1a1940;
			border: 2px solid #232255;
			border-bottom: 0;
		}

		77.77% {
			background-color: #341842;
			border: 2px solid #462058;
			border-bottom: 0;
		}

		88.88% {
			background-color: #4c0d19;
			border: 2px solid #661222;
			border-bottom: 0;
		}

		100% {
			background-color: #4c110e;
			border: 2px solid #661712;
			border-bottom: 0;
		}
	}

	@-webkit-keyframes bannercolor {
		0% {
			background-color: #4c110e;
			border: 2px solid #661712;
			border-bottom: 0;
		}

		11.11% {
			background-color: #4c2c00;
			border: 2px solid #663b01;
			border-bottom: 0;
		}

		22.22% {
			background-color: #4c3d00;
			border: 2px solid #665100;
			border-bottom: 0;
		}

		33.33% {
			background-color: #0f3b1a;
			border: 2px solid #154f23;
			border-bottom: 0;
		}

		44.44% {
			background-color: #1b3b4b;
			border: 2px solid #244f64;
			border-bottom: 0;
		}

		55.55% {
			background-color: #00244c;
			border: 2px solid #003066;
			border-bottom: 0;
		}

		66.66% {
			background-color: #1a1940;
			border: 2px solid #232255;
			border-bottom: 0;
		}

		77.77% {
			background-color: #341842;
			border: 2px solid #462058;
			border-bottom: 0;
		}

		88.88% {
			background-color: #4c0d19;
			border: 2px solid #661222;
			border-bottom: 0;
		}

		100% {
			background-color: #4c110e;
			border: 2px solid #661712;
			border-bottom: 0;
		}
	}

	/* banner icon color */
	@keyframes bannericoncolor {
		0% {
			fill: #661712;
		}

		11.11% {
			fill: #663b01;
		}

		22.22% {
			fill: #665100;
		}

		33.33% {
			fill: #154f23;
		}

		44.44% {
			fill: #244f64;
		}

		55.55% {
			fill: #003066;
		}

		66.66% {
			fill: #232255;
		}

		77.77% {
			fill: #462058;
		}

		88.88% {
			fill: #661222;
		}

		100% {
			fill: #661712;
		}
	}

	@-webkit-keyframes bannericoncolor {
		0% {
			fill: #661712;
		}

		11.11% {
			fill: #663b01;
		}

		22.22% {
			fill: #665100;
		}

		33.33% {
			fill: #154f23;
		}

		44.44% {
			fill: #244f64;
		}

		55.55% {
			fill: #003066;
		}

		66.66% {
			fill: #232255;
		}

		77.77% {
			fill: #462058;
		}

		88.88% {
			fill: #661222;
		}

		100% {
			fill: #661712;
		}
	}

	/* notification color */
	@keyframes notifolor {
		0% {
			background-color: #ff463a;
		}

		11.11% {
			background-color: #ff9f0b;
		}

		22.22% {
			background-color: #ffd60a;
		}

		33.33% {
			background-color: #31d158;
		}

		44.44% {
			background-color: #65d2ff;
		}

		55.55% {
			background-color: #0d84ff;
		}

		66.66% {
			background-color: #5e5ce6;
		}

		77.77% {
			background-color: #bf5af2;
		}

		88.88% {
			background-color: #ff375f;
		}

		100% {
			background-color: #ff463a;
		}
	}

	@-webkit-keyframes notifcolor {
		0% {
			background-color: #ff463a;
		}

		11.11% {
			background-color: #ff9f0b;
		}

		22.22% {
			background-color: #ffd60a;
		}

		33.33% {
			background-color: #31d158;
		}

		44.44% {
			background-color: #65d2ff;
		}

		55.55% {
			background-color: #0d84ff;
		}

		66.66% {
			background-color: #5e5ce6;
		}

		77.77% {
			background-color: #bf5af2;
		}

		88.88% {
			background-color: #ff375f;
		}

		100% {
			background-color: #ff463a;
		}
	}
}