/**   SIDE MENU   **/

.side-menu:is( body[min-width~="768px"] * )
	{
		padding-left: 280px;
		padding-left: %(side-menu.width);
	}

.side-menu .frame.menu
	{
		display: flex;
		width: 280px;
		width: %(side-menu.width);
		left: 0px;
	}


.side-menu:is( body[max-width~="768px"] * ) .menu.frame:not([data-open="true"])
	{
		left: -280px;
		left: -%(side-menu.width);
	}

.side-menu:is( body[max-width~="768px"] * ) .menu.frame:is( [data-open="true"] )
	{
		left: 0px;
	}

.side-menu:is( body[min-width~="768px"] * ) .menu.frame:not([data-open="true"]) .close
	{
		display: none;
	}

.side-menu:is( body[min-width~="768px"] * ) .menu.frame:is( [data-open="false"] ) > .menu-list > ul > li
	{
		display: flex;
	}

.side-menu:is( body[min-width~="768px"] * ) .menu.frame:is( [data-open="true"] ) > .select-overlay
	{
		display: none;
	}
/*
.side-menu:is( body[min-width~="768px"] * ) .menu.frame:is( [data-open="true"] ) > .menu-list > ul > li:is( [data-open="false" ] ) > ul > li
	{
		display: flex;
	}
*/