.display-sliding-menu svg
{
	border:none;
	background:none;
}
.display-sliding-menu
{
	display:flex;
	alig-items:center;
	padding:16px;
	border-radius: var(--Style-Button-radius, 20px);
	border: 1px solid var(--Shades-6, #EBEBEB);
	background: var(--Shades-9-white, #FFF);
	cursor:pointer;
}
.block-sliding-menu
{
	position:relative;
}

.block-sliding-menu .sliding-menu
{
	position:absolute;
	top:calc(100% + 16px);
	right:0px;
	width:290px;
	padding:16px 12px;
	border-radius: var(--Style-Button-radius, 20px);
	border: 1px solid var(--Shades-6, #EBEBEB);
	background: var(--Shades-9-white, #FFF);
	box-shadow: 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.07), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.07), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.07);
	transform:translateY(-200%);
	transition: transform 0.3s ease-in;
	z-index:9;
}

.block-sliding-menu .sliding-menu.active
{
	transform:translateY(0px);
	overflow:auto;
	max-height: calc(100vh - 146px);

}

.block-sliding-menu .wp-block-navigation__container 
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:8px;

}

.block-sliding-menu .wp-block-navigation-item.wp-block-navigation-link
{
	padding:8px;
	width:calc(100% - 16px);
	border-radius:8px;
}
.block-sliding-menu .wp-block-navigation-item.wp-block-navigation-link:hover
{
	background-color:#F7F7F7;
}

@media(max-width:767px)
{
	.block-sliding-menu .sliding-menu
	{
		position:absolute;
		top:72px;
		//right:-16px;
		//width:calc(100vw - 32px);
		height:100vh;
		padding:20px;
		border-radius:0;
		transform:translateY(-170vh);
		display:block;
		
	}

	.block-sliding-menu .sliding-menu .wp-block-navigation-item
	{
		border-bottom: 1px solid var(--Shades-5, #D6D6D6);
		border-radius: 0;


	}
}