.tube-animation {
	position: absolute;
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 10;
	&.one {
		width: 554.2px;
		height: 605.6px;
		background-image: url('../img/layout/tube-l.svg');
	}
	&.two {
		width: 556.7px;
		height: 236.7px;
		background-image: url('../img/layout/tube-horizontal-stop.svg');
	}
	&.three {
		width: 243px;
		height: 457.1px;
		background-image: url('../img/layout/tube-vertical-stop.svg');
	}
}
.hide {
	opacity: 0;
}
#tubeL {
	background-image: none;
	&.open {
		#eM9JxvnCyOX80_to {
			animation: eM9JxvnCyOX80_to__to 2000ms linear normal forwards;
		}
		#eM9JxvnCyOX80_ts {
			animation: eM9JxvnCyOX80_ts__ts 2000ms linear normal forwards;
		}
		#eM9JxvnCyOX80 {
			animation: eM9JxvnCyOX80_c_o 2000ms linear normal forwards;
		}
	}
}
#tubeV {
	background-image: none;
	&.open {
		#eilFU0OSQYo57_to {
			animation: eilFU0OSQYo57_to__to 2000ms linear normal forwards;
		}
		#eilFU0OSQYo57_ts {
			animation: eilFU0OSQYo57_ts__ts 2000ms linear normal forwards;
		}
		#eilFU0OSQYo57 {
			animation: eilFU0OSQYo57_c_o 2000ms linear normal forwards;
		}
	}
}
#tube-invert {
	&.open {
		#eKeiBazk1H457_to {
			animation: eKeiBazk1H457_to__to 1520ms linear normal forwards;
		}
		#eKeiBazk1H457_ts {
			animation: eKeiBazk1H457_ts__ts 1520ms linear normal forwards;
		}
		#eKeiBazk1H457 {
			animation: eKeiBazk1H457_c_o 1520ms linear normal forwards;
		}
	}
}
#tubeL-invert {
	&.open {
		#erCNBZce7Ou79_to {
			animation: erCNBZce7Ou79_to__to 2850ms linear normal forwards;
		}
		#erCNBZce7Ou79_ts {
			animation: erCNBZce7Ou79_ts__ts 2850ms linear normal forwards;
		}
		#erCNBZce7Ou79 {
			animation: erCNBZce7Ou79_c_o 2850ms linear normal forwards;
		}
	}
}
.run {
	.tube-animation {
		&.two {
			background-image: url('../img/layout/tube-horizontal.svg');
		}
		&.three {
			background-image: url('../img/layout/tube-vertical.svg');
		}
	}
}
