@charset "utf-8";

.counter {
	position: relative;
	height: 2vw;
	height: 40px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.counter * {
	margin: 0;
	padding: 0;
}
.counter > div {
	position: relative;
	transform: translateY(-1000%);
	transition-timing-function: cubic-bezier(0, 0.575, 0.565, 1.05);
}
.counter > div:nth-child(1) {
	transition-duration: 1s;
}
.counter > div:nth-child(2) {
	transition-duration: 1.2s;
}
.counter > div:nth-child(3) {
	transition-duration: 1.4s;
}
.counter > div:nth-child(4) {
	transition-duration: 1.6s;
}
.counter > div:nth-child(5) {
	transition-duration: 1.8s;
}
.counter > div:nth-child(6) {
	transition-duration: 2s;
}
.counter > div:nth-child(7) {
	transition-duration: 2.2s;
}
.counter > div:nth-child(8) {
	transition-duration: 2.4s;
}
.counter > div:nth-child(9) {
	transition-duration: 2.6s;
}
.counter > div:nth-child(10) {
	transition-duration: 2.8s;
}
.counter > div > span {
	display: block;
	font-size: 40px;
	color: #f00;
	font-weight: normal;
	line-height: 1;
}
.counter > span {
	display: block;
	font-size: 40px;
	color: #f00;
	font-weight: normal;
	line-height: 1;
}
.counter.is-animate > div, .counter.is-static > div {
	transform: translateY(0);
}
.counter.delay200 > div:nth-child(1) {
	transition-duration: 1.4s;
}
.counter.delay200 > div:nth-child(2) {
	transition-duration: 1.6s;
}
.counter.delay200 > div:nth-child(3) {
	transition-duration: 1.8s;
}
.counter.delay400 > div:nth-child(1) {
	transition-duration: 1.8s;
}
.counter.delay400 > div:nth-child(2) {
	transition-duration: 2s;
}
.counter.delay400 > div:nth-child(3) {
	transition-duration: 2.2s;
}
.counter.delay600 > div:nth-child(1) {
	transition-duration: 2.2s;
}
.counter.delay600 > div:nth-child(2) {
	transition-duration: 2.4s;
}
.counter.delay600 > div:nth-child(3) {
	transition-duration: 2.6s;
}
.counter.delay800 > div:nth-child(1) {
	transition-duration: 2.6s;
}
.counter.delay800 > div:nth-child(2) {
	transition-duration: 2.8s;
}
.counter.delay800 > div:nth-child(3) {
	transition-duration: 3s;
}