/* https://codepen.io/bennettfeely/pen/twbyA */

.rrui__menu-icon
{
	position : relative;
	width    : 100%;
	height   : 100%;
}

.rrui__menu-icon__bar
{
	position : absolute;
	left     : 0;
	top      : calc((100% - 6%) / 2);
	width    : 100%;
	height   : 6%;
	background-color : currentColor;
}

.rrui__menu-icon__bar--transition
{
	transition : transform var(--rrui-menu-button-animation-duration), opacity var(--rrui-menu-button-animation-duration);
}

.rrui__menu-icon__bar:nth-child(1)
{
	transform: translateY(-450%);
}

.rrui__menu-icon__bar:nth-child(3)
{
	transform: translateY(450%);
}

/*
.rrui__menu-icon:hover .rrui__menu-icon__bar:nth-child(1)
{
	transform : translateY(-550%);
}

.rrui__menu-icon:hover .rrui__menu-icon__bar:nth-child(3)
{
	transform : translateY(550%);
}
*/

.rrui__menu-icon__bar--expanded:nth-child(2)
{
	opacity : 0;
	transform : scale(0.9);
}

.rrui__menu-icon__bar--expanded:nth-child(1)
{
	transform : rotate(-45deg) scale(0.9);
}

.rrui__menu-icon__bar--expanded:nth-child(3)
{
	transform : rotate(45deg) scale(0.9 );
}