@import 
	'../../mixins',
	'../../variables';


@if ( $mm_opt_shadows_page )
{
	.mm-menu_shadow-page
	{
		&:after
		{
			box-shadow: 0 0 10px rgba( #000, 0.3 );	//	IE11 fallback
			box-shadow: var( --mm-shadow );
			content: "";
			display: block;
			width: 20px;
			height: 120%;
			position: absolute;
			left: 100%;
			top: -10%;
			z-index: 100;
			clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
		}
		
		@if ( $mm_opt_positioning_right )
		{
			&.mm-menu_position-right:after
			{
				left: auto;
				right: 100%;
				clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
			}
		}
		@if ( $mm_opt_positioning_front )
		{
			&.mm-menu_position-front:after
			{
				content: none;
				display: none;
			}
		}
	}
}

@if ( $mm_opt_shadows_menu )
{
	.mm-menu_shadow-menu
	{
		box-shadow: 0 0 10px rgba( #000, 0.3 );	//	IE11 fallback
		box-shadow: var( --mm-shadow );
	}
}


@if ( $mm_opt_shadows_panels )
{
	.mm-menu_shadow-panels .mm-panels > .mm-panel
	{
		box-shadow: 0 0 10px rgba( #000, 0.3 );	//	IE11 fallback
		box-shadow: var( --mm-shadow );
	}
}
