/*
* snake-display
* jquery plugin
* developped by Hoël Jacq
* pixelazur.com
* https://github.com/dirtyFerret
*/
	.snake-wrapper {
		display: flex;
		flex-direction: column;
	}

	.snake-row {
		position: relative;
		display: flex;
		justify-content: space-between;
		margin: 20px 0;
	}

	.snake-row:nth-child(2n) {
	
		flex-direction: row-reverse;
	}

	.snake-row:last-child {
		justify-content: start;
	}


	.snake-item {
		position: relative;
		display: none;
		z-index: 1;
	}

	.snake-link {
		position: absolute;
		z-index: -1;
	}

	.snake-link.link-bottom {
		width: 0px;
		height: 100%;
		border-left: 8px dotted black;
		top: calc(100% / 2);
		left: calc(100% / 2);
	}
	.snake-link.link-middle {
		width: 100%;
		height: 0px;
		border-top: 8px dotted black;
		top: calc(100% / 2);
		left: calc(100% / 2);
	}

	.snake-row:nth-child(2n) .snake-link.link-middle {

		left: auto;
		right: calc(100% / 2);
	}