#unc-icon-menu
	border-bottom 4px solid rgba(200,200,200,0.9)
	border-top 4px solid rgba(200,200,200,0.9)
	box-sizing border-box
	color #eee
	font-size 30px
	height 22px
	top 0
	left 0
	margin 10px
	width 30px
	
	&:after
		background-color rgba(200,200,200,0.9)
		content ''
		display block
		height 4px
		left 0
		position absolute
		top calc(50% - 2px)
		width 100%
		
nav.unc-menu
	background-color rgba(38,38,38,0.95)
	height 100%
	max-width 100%
	overflow hidden
	position absolute
	top 0
	transition transform 0.3s ease-out
	width 480px
	z-index 100
	
	header
		background-color rgba(255,255,255,0.1)
		background-size cover
		height 250px
		overflow hidden	
		padding 0 1em
		
		h4
			color white
			font-weight 100
			padding-left 1em
			
			small
				color #aaa
				display block
				font-size 14px
				font-weight bold
				margin 15px 0 5px
			
			ul.unc-options
				list-style none
				margin-top 1em
				padding 0
				
				li
					margin 8px 0
				
				label
					color #bbb
					font-size initial
					vertical-align middle
					
				.unc-control
					float right
					
				button
					font-size 12px
					min-width auto
				
	.unc-menu-content
		height calc(100% - 250px)
		overflow hidden
		
		.unc-menu-unit:first-child
			margin-top 2em
		
		.unc-menu-unit
			position relative
			
			.unc-menu-timeline
				position absolute
				left 0
				top 0
				height 100%
				padding 0 20px
				
				&:before
					border-left thin dotted white
					content ''
					display block
					left 50%
					height 100%
					opacity 0.35
					position absolute
					top 0
					transform translateX(-50%)
					width 0
					z-index -1
				
				.unc-circle
					background-color rgb(35,35,35)
					border 2px solid white
					border-radius 50%
					height 10px
					width 10px
			
			&.unc-complete
				.unc-menu-timeline
					&:before
						border-left thin solid white
						opacity 1
					.unc-circle
						background-color white
						border none
			
			.unc-menu-description
				left 50px
				padding-bottom 1rem
				position relative
				width calc(100% - 50px)
				
				h5
					color white
					font-size 18px
					font-weight bold
				
				ul
					list-style none
					margin 0
					padding 0
					
					li
						color rgb(153,153,153)
						cursor pointer
						font-size 14px
						font-weight bold
						margin .7em 0
						padding .5em 0
						
						span
							display inline-block
							max-width calc(100% - 60px)
							overflow hidden
							text-overflow ellipsis
							vertical-align middle
							white-space nowrap
						
						.unc-circle
							border-radius 50%
							height 6px
							margin 0 1em
							width 6px
						
						.fa-solid.fa-lock
							color rgba(100, 100, 100, .5)
							margin-left -1em
							margin-right 1em
							
						&.unc-current
							background-color rgba(0,0,0,0.3)
							border-radius 20px
							
							
						&.unc-pending
							.unc-circle
								background-color rgb(255, 153, 51)
							
							.fa-solid.fa-lock
								display none
								
						&.unc-complete
							.unc-circle
								background-color rgb(102,204,102)
							
							.fa-solid.fa-lock
								display none
			
		.unc-menu-track-vertical
			border-radius 3px
			bottom 2px
			position absolute
			right 2px
			top 2px
			width 6px

			div
				background-color rgba(255,255,255,0.2) !important
				border-radius inherit
				cursor pointer
				display block
				height 561px
				position relative
				transform translateY(0px)
				width: 100%
	
	.animate__animated
		opacity 0
		
	.animate__fadeInLeft,
	.animate__fadeInRight,
	.animate__fadeInUp,
	.animate__fadeInDown,
	.animate__bounceInLeft,
	.animate__bounceInRight,
	.animate__bounceInUp,
	.animate__bounceInDown
	.animate__zoomIn,
	.animate__zoomInUp,
	.animate__rotateInUpLeft
		opacity 1 !important