.unc-arrow-panels
	&.reverse
		flex-direction row-reverse
		
		.unc-content-middle
			flex-direction row-reverse
			
			.unc-clickable
				transform rotate(180deg)			
		
	.unc-content-middle
		.unc-clickable
			background-color white
			border thin solid lightgray
			box-sizing content-box
			border-radius 50%
			cursor pointer
			padding 10px
			margin .5em

	.unc-panel-left,
	.unc-panel-right
		background-color white
		padding 1em
		text-align center
			
	.unc-panel-right
		background-color transparent
		text-align left
		margin-left 1em

@media (max-width: 768px)
	.unc-arrow-panels
		.unc-content-middle
			display block
			text-align center
			
			.unc-clickable
				transform rotate(90deg) !important
		
		.unc-panel-right
			border-bottom thin solid lightgray
			text-align center
			margin-bottom 1em